Check remaining time with Youtube Javascript API -



Check remaining time with Youtube Javascript API -

i embedding youtube video , using yt js api. user encouraged utilize chromecast view embedded video. however, when video cast button in player, player.getcurrenttime() , player.getplayerstate() become frozen, , onstatechange event doesn't fire.

is there can work around these issues, or problem youtube can fix? thanks!

my code:

var player; function onyoutubeiframeapiready() { player = new yt.player('ytplayer', { events:{ 'onstatechange': onplayerstatechange } }); } function onplayerstatechange(event){ console.log('player statechange: '+event.data); //this never runs when casting video. }

here's code

var tag = document.createelement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstscripttag = document.getelementsbytagname('script')[0]; firstscripttag.parentnode.insertbefore(tag, firstscripttag); var player; //execute player api code downloads function onyoutubeiframeapiready() { player = new yt.player('player', { height: '390', width: '640', videoid: 'm7lc1uvf-ve', events: { 'onready': onplayerready, 'onstatechange': onplayerstatechange } }); } // execute when onready event fires //starts video function onplayerready(event) { console.log("onplayerready"); console.log(event); var duration = event.target.getduration(); console.log("duration:" + duration); fillplaybackrates(); } // when onstatechange event fires function onplayerstatechange(event) { console.log("onplayerstatechange") console.log(event) if (event.data == yt.playerstate.playing) { console.log(yt); } } var pause = $("#pause"), start = $("#start"), mute = $("#mute"); pause.on('click', function () { player.pausevideo(); }); start.on('click', function () { player.playvideo(); }); var fillplaybackrates = function () { var playbackdropdownmenu = $(".dropdown-menu"); var playbackrates = player.getavailableplaybackrates(); console.log(playbackrates); (var = 0; < playbackrates.length; i++) { playbackdropdownmenu.append('<li role="presentation"><a role="menuitem" tabindex="-1" href="#">' + playbackrates[i] + '</a></li>'); } } var playbackratesbutton = $("#playback-rates"); $(document).on('click','.dropdown-menu > li > a', function () { var alternative = $(this).text(); playbackratesbutton.text(option); player.setplaybackrate(option); });

here's total gist: iframeyoutubeapi.html

you can have here: continuing chromecast: embedding youtube custom receivers

javascript youtube chromecast youtube-javascript-api

Comments

Post a Comment

Popular posts from this blog

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory -

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory - i have code emails me notification when happens. trying add together page , also remove dependency on email. for reference; have name of notification want send stored string in database. @ runtime have list of people , string representation of want receive. i thought dependency injection ninject, kernel bindings got big , seemed hacking together. then thought simple factory, activator.createinstance(email/page) inotifcation, don't know how handle differing constructor parameters (unless utilize common, complex property, employee, has info need). so far have this: public interface inotification { void sendmessage(); } public class email: inotification { private readonly string _toemailaddress; private string body { { homecoming "email"; } } private static string smtphost { ...
Read more

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more