Доброго вечера. Ув. Знатоки помогите сделать запуск\паузу плеера 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>
Заранее большое спасибо)