Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Page Visibility API youtube (https://javascript.ru/forum/misc/60729-page-visibility-api-youtube.html)

zoOmer 16.01.2016 19:42

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>


Заранее большое спасибо)

zoOmer 20.01.2016 10:29

Поможет кто нить?


Часовой пояс GMT +3, время: 04:29.