【发布时间】：2013-03-28 12:33:09
【问题描述】：
嗨，
我对 javascript 和 html5 真的很陌生（3 周前才开始）所以我的问题可能看起来有点愚蠢。
所以我想知道是否可以使用 mouseleave.function 停止 youtube 视频...
我在我的网站上播放了一段音乐，当我翻转我的 youtube 视频时，音乐停止了，我这样做了：
$(video).mouseenter(function(){
audioElement.pause();
});
我可以播放 youtube 视频...
当我离开视频播放器时，音乐再次响起，我使用这个：
$(video).mouseleave(function(){
audioElement.play();
});
但我想让 youtube 视频同时停止，因为视频的声音正在播放，而背景音乐的声音正在播放...
$(video).mouseleave(function(){
audioElement.play(); **Something here to pause the youbevideo**
});
有可能吗？ 我想保留 youtube 视频的版本，因为我使用 fitvids 来调整我的视频大小。
谢谢
皮埃尔 对不起我的英语...
这是我的解决方案，RAVI。
所以解决的办法就是把YouYube API脚本从外部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();
现在可以了...视频正在根据窗口调整大小。
【问题讨论】：
-
您实际上是在使用 API 还是只是嵌入 iframe？如果您使用 API，请参阅文档：developers.google.com/youtube/…
-
我正在使用 iframe，因为我想使用 fitvids 插件，我尝试了 api 版本并达到了暂停视频的目标，但 fitvids 插件不再起作用。
-
为什么不使用这样的 iFrame API：developers.google.com/youtube/… 然后，在 onPlayerReady 函数上，添加行：
$('#player').fitVids()，这样您就可以控制播放器元素了？你现在拥有它的方式，你无法访问播放器元素。 -
谢谢我现在就试试....
-
我试过没用，大概是因为我...:) 我将编辑我的问题以显示我所做的...
标签： javascript html css youtube youtube-api