Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.01.2016, 20:42
Кандидат Javascript-наук
Отправить личное сообщение для zoOmer Посмотреть профиль Найти все сообщения от zoOmer
 
Регистрация: 21.05.2013
Сообщений: 131

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>


Заранее большое спасибо)
Ответить с цитированием
  #2 (permalink)  
Старый 20.01.2016, 11:29
Кандидат Javascript-наук
Отправить личное сообщение для zoOmer Посмотреть профиль Найти все сообщения от zoOmer
 
Регистрация: 21.05.2013
Сообщений: 131

Поможет кто нить?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Зацените ангулярское чудо! (Здрасте всем кстати :) ) DjDiablo Оффтопик 5 10.09.2015 10:17
"Листание" текста в форме путем нажатия кнопки dikabraz Общие вопросы Javascript 20 25.08.2015 13:27
Запуск ролика Youtube через API. Помогите пожалуйста ABabiy Общие вопросы Javascript 0 27.02.2015 09:53
YouTube JS Player API Zero Tolerance Общие вопросы Javascript 3 28.11.2014 12:11
Срочно Youtube API, ОПЛАТА taibert Работа 0 11.11.2014 08:08