YouTube iFrame does not pause video

[salty10is]

Steps to reproduce: (Using the video demo)

Enable autoplay
When the YouTube iframe is the active panel press play
Take mouse out of slideshow area

The issue is that the slideshow will continue to autoplay even though a youtube iframe video is playing

Thanks for your help! Awesome work!

[Mottie]

Could it just be the delay it takes to start the video? It takes a few seconds for the video to start up, so the slideshow may continue in that start up window.... does it pause and restart the next time it comes into view? Maybe try increasing the delay time a bit more.

[salty10is]

Thanks for the reply Mottie,

I doubled the delay time to see if it would fix the issue, but the slideshow will continue in autoplay mode even after the iframe video has begun playing.

Thanks for your help!

[Mottie]

It appears that something changed with the YouTube API... I think I may just have to have the video extension load the YouTube API - I was trying to avoid doing that, but it may be the best solution. Give me some time to work on it as my time is somewhat limited now.

[salty10is]

Thanks for checking it out Mottie!

[Mottie]

Just to update you, I've been working on this fix when I have time... hopefully I'll have it done by this weekend. But no guarantee! =/

[salty10is]

Awesome! Thanks for your committment to this slider!
On Thu Oct 6th, 2011 10:48 PM EDT Rob G wrote:

Just to update you, I've been working on this fix when I have time... hopefully I'll have it done by this weekend. But no guarantee! =/

Reply to this email directly or view it on GitHub:
https://github.com/ProLoser/AnythingSlider/issues/191#issuecomment-2317516

[sgoerger]

Hi Mottie, salty,

Hope you guys don't mind me joining in on the thread...I have come up against this same problem for a client installation. I tried the old embed code, just to give it a shot, but that didn't work for me either. So, anyways, Mottie if you have any updates I'm all ears, and like salty I appreciate your work on this awesome slider for everybody!

Thanks,

Steve

[salty10is]

Hi Sgoerger! You're welcome to comment on this thread.

I am surprised the route didn't work for you since this is what I've fallen back on until this issue is resolved. Any chance there is a link I could check out where it's not working? If not, the only explanation I could think of would be that the video script isn't loading properly.

[salty10is]

Whoops! Wrong button! Sorry guys.

[Mottie]

Sorry guys, life has been hectic and I've finally caught up with updating my other projects (almost LOL).

I've been working on this on and off, but the silly youtube plugin keeps giving me errors and I can't figure out why....

In the mean time, I was helping someone else about iframes still appearing in iOS so I ended up just adding a fade effect which hides the iframe and essentially stops the video playing - here is the demo. But it also resets the video so you can't resume it from where you paused. I guess it'll work as a temporary fix until I get this issue resolved.

[sgoerger]

Hey Salty,

If you want to take a look, its at http://www.taosinjurylawyers.com/. The first video on the slider there is the old embed code. I think the video extension is loading correctly, but if you see anything else I should tweak, let me know.

Mottie, I'll give your new version a try too and see if that works for what I'm doing. Thanks!

[Mottie]

Hi sgoerger!

There is a known problem in IE8 with adding embeded videos into the first and last slide, it's a bug in jQuery v1.5-1.6.2 and you are using 1.6.1. Get more details at the bottom of this page.

And the reason the embedded video isn't pausing is because it needs to have "swfobject.js" loaded to update the video with the API running.

[Mottie]

I've fixed this issue in the latest version.

But during the process, I discovered that everything is completely messed up in Safari for Windows. I narrowed the problem down to including HTML5 video along with iframe/embedded videos. For some reason, the HTML5 video shifts all of the other vidoes down and right. But, If you disable/remove the HTML5 video, everything looks and works correctly. I'll try to figure out why this is occurring, but it may take some time.

I'm not sure if the Safari problem also occurs in iOS, so I would appreciate any reports on this.