Youtube Closed Caption for HTML5 Not Working -



Youtube Closed Caption for HTML5 Not Working -

i having issues displaying closed caption on youtube videos using iframe player.

here's code using:

<!doctype html> <html> <body> <!-- 1. <iframe> (and video player) replace <div> tag. --> <div id="player"></div> <script> // 2. code loads iframe player api code asynchronously. var tag = document.createelement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstscripttag = document.getelementsbytagname('script')[0]; firstscripttag.parentnode.insertbefore(tag, firstscripttag); // 3. function creates <iframe> (and youtube player) // after api code downloads. var player; function onyoutubeiframeapiready() { player = new yt.player('player', { height: '390', width: '640', videoid: 'm7lc1uvf-ve', events: { 'onready': onplayerready, 'onstatechange': onplayerstatechange } }); } // 4. api phone call function when video player ready. function onplayerready(event) { event.target.playvideo(); } // 5. api calls function when player's state changes. // function indicates when playing video (state=1), // player should play 6 seconds , stop. function onplayerstatechange(event) { event.target.loadmodule('captions'); } </script> </body> </html>

here's gist https://gist.github.com/khirakawa/0a81b3039a85b9875b59

this same sample code that's on api reference page, https://developers.google.com/youtube/iframe_api_reference. phone call event.target.loadmodule('captions'); on player state alter event.

i not find documentation on api reference page loading caption modules, did find code load caption module in ticket https://code.google.com/p/gdata-issues/issues/detail?id=444

i tried on both safari , chrome no luck.

the local storage values see when youtube opened is:

yt-remote-connected-devices {"data":"[]","expiration":1412291704974,"creation":1412205304974} yt-remote-device-id {"data":"27238aac-9452-4ae8-9b9f-1e29278e4d3b","expiration":1443741293991,"creation":1412205293992} yt-remote-load-account-screens {"data":"false","expiration":1443741304972,"creation":1412205304972} yt-remote-online-screens {"data":"[]","expiration":1412205364973,"creation":1412205304973}

notice missing entries captions (i can't recall key values were, know there 2 of them. 1 enable captions , other caption settings).

the demo page (https://developers.google.com/youtube/youtube_player_demo) shows closed captions if check cc_load_policy, that's as3 option.

this working on oct 6th, cannot work anymore. i'm not sure if youtube script changed.

i tried moving event.target.loadmodule('captions'); onplayerready handler, didn't work either.

any help appreciated.

i able load captions setting cc_load_policy 1. realized sample video on youtube site defaulting using <embed> (read: flash), instead of using html5 video player.

i not when iframe player decides utilize on , did find video utilize html5 video tag. so, had set cc_load_policy 1 in order work. neither loadmodule nor unloadmodule works anymore.

i hope helps else ran issue.

youtube youtube-iframe-api

Comments

Post a Comment

Popular posts from this blog

c# - ASP.NET MVC Sequence contains no matching element -

c# - ASP.NET MVC Sequence contains no matching element - i new asp.net mvc. have finished project unusual issue appeared in project. as seek run project error message. an exception of type 'system.invalidoperationexception' occurred in entityframework.dll not handled in user code additional information: sequence contains no matching element in 1 of controller using statement below groups display in dropdownlist. http://localhost....../clients (trying run page) , getting error on line containing code below. viewbag.groupdropdownvalues = new selectlist(db.groups.orderby(m => m.groupid), "groupid", "groupname"); or other controller: viewbag.categorydropdownvalues = new selectlist(db.category.orderby(m => m.categoryid), "categoryid", "categoryname"); this happening in controllers using syntax. i need display dropdownlists values database. working correctly till morning. don't have thought changed ,
Read more

java - Parsing XML, skip certain tags -

java - Parsing XML, skip certain tags - i next mkyong's great tutorial on how parse xml in java, have situation need read tags within area. e.g. <?xml version="1.0"?> <company> <staff id="1001"> <firstname>yong</firstname> <lastname>mook kim</lastname> <nickname>mkyong</nickname> <salary>100000</salary> </staff> <staff id="2001"> <firstname>low</firstname> <lastname>yin fong</lastname> <nickname>fong fong</nickname> <salary>200000</salary> </staff> <changes> <staff id="2001"> <firstname>low</firstname> <lastname>yin fong</lastname> <nickname>fong fong</nickname> <old_salary>175000</salary> <ne
Read more

rest - How to invalidate user session on inactivity in a stateless server? -

rest - How to invalidate user session on inactivity in a stateless server? - i'm building stateless restful server backend in java, used angularjs frontend. since should stateless, don't create sessions generate access tokens, more exactly json web tokens, client has nowadays on every request. the tokens contain "expires" field acts absolute expiration date. however, have additional expiration on user inactivity. define access token valid long 24 hours if user active 1 time every 30 minutes. i implement writing database on every request , verify time between requests, seems lot of work working out of box when using application server's session management. to 100% stateless on server side need force state logic client. solution is: issue jwt 2 expiry dates (one session - 30 minutes, sec refresh - 24h) implement getting new token same user previous token (new token has new expiry date session, same refresh) reject requests when whatever expir
Read more