Page Visibility API youtube
Доброго вечера. Ув. Знатоки помогите сделать запуск\паузу плеера youtube на Page Visibility API.
Нашел решение в инете но там пишут что для хрома но и в хроме данный вариант не работает(( <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Видят ли мою страницу?</title> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load("swfobject", "2.1"); </script> <script type="text/javascript"> // Данная строка нужна для того, чтобы когда пользователь переходил с таба на таб, скрывал браузер вызывалась функция handleVisibilityChange(); document.addEventListener("webkitvisibilitychange", handleVisibilityChange, false); //Данная функция будет вызываться тогда, когда пользователь не видит вашу страницу. function stop() { if (ytplayer) { ytplayer.pauseVideo(); } } //эта функция будет вызываться тогда когда пользователь вернулся на вашу страницу с другого таба function play() { if (ytplayer) { ytplayer.playVideo(); } } //Эта функция вызывется тогда, когда проигрыватель видео будет готов. function onYouTubePlayerReady(playerId) { ytplayer = document.getElementById("ytPlayer"); ytplayer.cueVideoById("3APbHipKq78"); //здесь вы можете поменять id видео. ytplayer.playVideo(); // запускаем видео сразу же, как плеер готов } //загружаем плеер. Документацию по этому поводу можно найти здесь function loadPlayer() { var params = { allowScriptAccess: "always" }; var atts = { id: "ytPlayer" }; swfobject.embedSWF("http://www.youtube.com/apiplayer?" + "&enablejsapi=1&playerapiid=player1", "videoDiv", "480", "295", "8", null, null, params, atts); } function _run() { loadPlayer(); } google.setOnLoadCallback(_run); //пользователь сменил таб... function handleVisibilityChange() { //если пользователь смотрит не вашу страницу, останавливаем видео... if(document.webkitVisibilityState = "hidden" ) { stop(); } //если он вернулся с другого таба-возобновляем. if (document.webkitVisibilityState != "hidden") { play(); } } </script> </head> <body> <div id="videoDiv">Loading...</div> <script> </script> </body> </html> Заранее большое спасибо) |
Поможет кто нить?
|
Часовой пояс GMT +3, время: 22:18. |