Это не нужно. Если пользователь зайдет в Сиднее в 17:40, а начало запланировано на 17:30, то перемотается 10 минут ролика. Тем времен в Москве будет утро.
В модальное окно нужно добавить див <div id="player"></div>, и удалить текущий ифрейм. Скрипт сам добавит его.
Да. В функциях onPlayerReady, stopVideo дописать логику.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Воспроизведение видео на сайте по расписанию</title>
</head>
<body>
<div id="player"></div>
<div>
<button type="button" id="start">start</button>
<button type="button" id="stopp">stop</button>
</div>
<script type="text/javascript"></script>
<script>
var start_time = '21:52';
var end_time = '23:52';
start_time = start_time.split(':');
end_time = end_time.split(':');
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '315',
width: '560',
videoId: 'dwiGTtbo6WM',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
start.onclick = function() {
event.target.playVideo();
};
}
var jump = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !jump) {
player.seekTo(getSeconds());
jump = true;
}
}
function stopVideo() {
player.stopVideo();
}
stopp.onclick = function() {
stopVideo();
};
var d = new Date();
var h = d.getHours();
var m = d.getMinutes();
function getSeconds() {
if (h > end_time[0] || h == end_time[0] && m > end_time[1]) return 0;
if (h >= start_time[0]) {
var time_now = d;
var time_start = new Date(d.getFullYear(), d.getMonth(), d.getDate(), start_time[0], start_time[1]);
var time_end = new Date(d.getFullYear(), d.getMonth(), d.getDate(), end_time[0], end_time[1]);
return ((time_end - time_start) - (time_end - time_now)) / 1000;
}
return 0;
}
</script>
</body>
</html>
|