问题在于:我在滑块中有多个YouTube视频,并且我希望在单击控制滑块的链接时停止播放视频.当你无法看到视频时,让视频继续播放真的很烦人.
我用过这段代码:
<div id="ytapiplayer2">
You need Flash player 8+ and JavaScript enabled to view this video.
</div>
<script type="text/javascript">
function onYouTubePlayerReady(playerId) {ytplayer2 = document.getElementById("myvideo");}
var params = { allowScriptAccess: "always" };var atts = { id: "myvideo" };
swfobject.embedSWF("http://www.youtube.com/v/hCarSDT7cSQ?enablejsapi=1&version=3&playerapiid=myvideo","ytapiplayer2", "425", "270", "8", null, null, params, atts);
function play() {if (ytplayer2) {ytplayer2.playVideo();}}
function pause() {if (ytplayer2) {ytplayer2.pauseVideo();}}
</script>
这基本上直接来自谷歌的Youtube js api.1每页只有一个视频,效果很好.
我的问题是我有一些页面,我想在同一个滑块中有多个视频.视频包含在div中,并且在每个相应的div中完全如上所示进行调用.
但是 - 当点击滑块的导航链接时,视频现在不会停止播放.:(
每次调用脚本时,我都试图将变量和id名称更改为唯一.我甚至将函数名称从函数onYouTubePlayerReady更改为onYouTubePlayerReady2 ...但没有任何作用.
我很难过.HALP？
编辑以显示更详细的代码设置:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script><!--Uses Google API library-->
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript"></script><!--Uses Google …javascript youtube slider youtube-api youtube-javascript-api