[MrJonnyJones]

@Sakin I’ve hosted videos locally for this specific website for a long time – but it only gets a few visits per month so, bandwidth wise, it doesn’t use much.

But speed and compatibility wise YouTube/Vimeo is the right direction now I think.

Huge thanks for your continued help and support 🙂

[MrJonnyJones]

@Sakin Yes I did some tests – I embedded a YouTube video to see what would happen and the Image Slider started working fine on all iDevices. There is definitely some kind of conflict between the slider and plugins such as the JW Player you mentioned – that was the one I was using to start with.

I’m going to use YouTube and just embed the video.

Thanks Sakin! 🙂

[MrJonnyJones]

@Sakin What would you suggest I do to get the slider working with video on the same page? I don’t know how to get video working through just using the Catch Everest Pro theme – you mentioned video support? I’ve tried another video plugin but the image slider still doesn’t work on iPhone and iPad.

http://www.classicalballetcentresurrey.co.uk/

Thanks for your continued help and support! 🙂

[MrJonnyJones]

I wasn’t aware of that. I thought plugins were the only way to do this.

[MrJonnyJones]

@Sakin OK, I had a breakthrough. I was using the ‘Video.js – HTML5 Video Player for WordPress’ plugin for a homepage video. I deactivated it and the slider is now working on my iPhone. Can you think why there might be this conflict?

[MrJonnyJones]

@Sakin As far I as I know I’ve made no customisation to the slider at all. I tried tweaking the ‘< >’ arrows but I think I put them back to how they were, that’s it I think.

[MrJonnyJones]

Thanks Sakin 🙂

[MrJonnyJones]

Thanks Sakin 🙂

[MrJonnyJones]

Hi Sakin, that’s great, thank you! I’m learning a lot about CSS just from making small tweaks so it’s becoming a great project! 🙂

[MrJonnyJones]

This is now sorted, I found this code:

img.wp-post-image {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

But I changed the px values to 0.

[MrJonnyJones]

That’s brilliant, thank you, it worked 🙂

[MrJonnyJones]

Sure, it’s http://www.classicalballetcentresurrey.co.uk.gridhosted.co.uk/ 🙂

[Author]

Posts