привет,
Я действительно новичок в javascript и html5 (только начал 3 недели назад), поэтому мои вопросы могут показаться немного глупыми.
Поэтому я хотел бы знать, можно ли остановить видео на YouTube с помощью mouseleave.function...
У меня есть музыка, которая играет на моем веб-сайте, когда я перелистываю свое видео на YouTube, музыка останавливается, я сделал это следующим образом:
$(video).mouseenter(function(){
audioElement.pause();
});
чем я могу воспроизвести видео на ютубе...
когда я выхожу из видеоплеера, музыка снова звучит, я использую это:
$(video).mouseleave(function(){
audioElement.play();
});
Но я хотел бы, чтобы видео на YouTube остановилось одновременно, потому что звук видео воспроизводится, пока воспроизводится звук моей фоновой музыки...
$(video).mouseleave(function(){
audioElement.play(); **Something here to pause the youbevideo**
});
Является ли это возможным? я хотел бы сохранить версию видео на YouTube, потому что я использую fitvids для изменения размера своих видео.
Спасибо
Пьер, извините за мой английский...
Вот решение для меня, РАВИ.
Таким образом, решение состояло в том, чтобы перенести скрипт API YouYube из внешнего js в основной html.
http://users.skynet.be/fc864408/version9.html
<body>
<div class="tf_content" id="page4">
<div class="container">
<div class="vendor" id="video">
<div id="player"></div>
</div>
</div>
</div>
<!-- The JavaScript -->
<script>
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: '420',
width: '640',
videoId: 'lVQzIwpClXA?theme=light&color=white&autohide=0&autoplay=0&showinfo=0&rel=1&controls=1;',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
}
var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING ) {
audioElement.volume=0;
done = true;
}
}
video = document.getElementById("video");
$(video).mouseleave(function(){
player.stopVideo()
up();
});
$(".container").fitVids();
теперь это работает... размер видео изменяется в соответствии с окном.
$('#player').fitVids(), чтобы вы могли сохранить контроль над элементом player? Как у вас сейчас, вы не можете получить доступ к элементу игрока. - person Cal McLean schedule 06.04.2013