0

我正在建立一个基于锚点和 Jquery 的网站，每个页面都有不同的幻灯片（一切都很好，只是想我会提供一些背景）

现在，事情就是这样。在其中三张幻灯片上，有 Youtube 视频需要在导航离开时自动停止。所以我写了“返回”按钮，并附有以下字符串

onclick="player.stopVideo(); return false"

现在我遇到的问题是 Youtube API 自动为播放器提供“播放器”的 id 而不是一个类，在 API 之后调用了这行代码

<script>
var player;
function onYouTubePlayerAPIReady() {player = new YT.Player('player');} 
</script>

还有这样的 iframe

<iframe id="player" src="http://www.youtube.com/embed/TMFINFk_080?&vq=hd720" frameborder="0" allowfullscreen></iframe>

正如预期的那样完美地工作。现在，我需要这个课程，因为我有多个视频需要在同一页面上应用停止线，我完全迷路了。一个朋友建议定义一个函数来调用停止命令到任何具有类名的东西，但我不知道从哪里开始。

谢谢。

注意：iframe 将是理想的，因为此页面上已经有很多代码，并且添加嵌入将占用更多空间，对此不要太在意，但 iframe 提供的支持是理想的

4

1 回答 1

0

`

<!DOCTYPE html>
<html lang="es">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>   
<script type="text/javascript" src="http://www.youtube.com/player_api"></script>
<script>
var player;
function onYouTubeIframeAPIReady() {player = new YT.Player('player');}
if(window.opera){
    addEventListener('load', onYouTubeIframeAPIReady, false);
}
</script>
 </head>
<body>
<script>
$(document).ready(function(){
 });
</script>
<div id="video">
  <iframe id="player" width="560" height="349" frameborder="0" src="http://www.youtube.com/embed/vE_0V55Vywc?rel=0&wmode=Opaque&enablejsapi=1"></iframe>
</div>
<a href="javascript: void(0)" onclick="player.playVideo(); return false">play</a><br>
<a href="javascript: void(0)" onclick="player.stopVideo(); return false">stop</a>
</body>
</html>

`示例：http: //jsfiddle.net/ckWLs/1/

于 2014-01-02T01:09:46.293 回答