javascript - Start / stop embedded facebook video -
facebook has embedded html5 iframe including video's
example
(function(d, s, id) { var js, fjs = d.getelementsbytagname(s)[0]; if (d.getelementbyid(id)) return; js = d.createelement(s); js.id = id; js.src = "//connect.facebook.net/nl_nl/sdk.js#xfbml=1&version=v2.3"; fjs.parentnode.insertbefore(js, fjs); }(document, 'script', 'facebook-jssdk'));
<div id="fb-root"></div> <div class="fb-video" data-allowfullscreen="true" data-href="/iloveamersfoort/videos/vb.785215881547195/804162796319170/?type=1">
does body know how start stop javascript if have more 1 embedded video on page.
with html5 video can do:
document.addeventlistener('play', function(e){ var videos = document.getelementsbytagname('video'); for(var = 0, len = videos.length; < len;i++){ if(videos[i] != e.target){ videos[i].pause(); } } }, true);
but perhaps have solution?
$(function(){ var fb_play_arr=[]; window.fbasyncinit = function() { fb.init({ xfbml: true, version: 'v2.5' }); fb.event.subscribe('xfbml.ready', function(msg) { if (msg.type === 'video') { fb_play_arr.push(msg); msg.instance.subscribe('startedplaying', function() { $.each(fb_play_arr, function(j){ if (fb_play_arr[j].id != msg.id) { fb_play_arr[j].instance.pause(); } }); }); } }); }; (function(d, s, id){ var js, fjs = d.getelementsbytagname(s)[0]; if (d.getelementbyid(id)) {return;} js = d.createelement(s); js.id = id; js.src = "//connect.facebook.net/zh_tw/sdk.js"; fjs.parentnode.insertbefore(js, fjs); }(document, 'script', 'facebook-jssdk')); });
Comments
Post a Comment