Load tab content only when tab is active?

Posted in: Newspaper
Post count: 85
sunkast
#3287
Dec 11, 2013 at 10:59 pm

I have live 24/7 streaming video on my site that I stream to multiple services (Ustream, DailyMotion, etc). It would be great if I could use tabs to allow visitors to switch between each service should they find they wish to use one over the other. However, the problem is that when I create the tabs, I add the iFrame HTML to embed each player, they all start playing automatically, so you end up having overlapping audio and video.

Is there a way to load content in a tab only when that tab is active? That way each video player isn’t loaded and playing simultaneously.

Post count: 3343
Marius
#3317
Dec 12, 2013 at 11:51 am

Hello,
An option is to disable the auto-play on video and users will press play if you want to watch the video from a tab.

http://stackoverflow.com/questions/14820455/how-to-stop-video-from-playing-in-an-iframe-when-switch-tabs-in-jquery

http://stackoverflow.com/questions/13259744/how-to-stop-video-in-tab

http://stackoverflow.com/questions/7252818/stop-playing-html5media-when-jquery-ui-tab-is-switched

Hope this help.

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.