我的问题是在 FF 中一切正常,但不适用于 chrome/IE/safari。如果有人可以提供帮助,将不胜感激! PS:无法使用 iFrame。
这是代码:代码的第一部分需要开始脚本和结束脚本,因为脚本代码不会显示。
<script>
function play(clip){
document.getElementById("frame").src=
"http://www.youtube.com/v/"+clip+"&autoplay=0&rel=0";
}
</script>
<object width="375" height="295">
<param name="movie" value=""></param>
<param name="wmode" value="transparent"></param>
<param name="border" value="0"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed id ="frame" src="http://www.youtube.com/v/CsGYh8AacgY?version=3&hl=en_US&rel=0" type="application/x-shockwave-flash" border="0" allowfullscreen=true allowscriptaccess = always wmode="transparent" width="375" height="295"></embed>
</object><br />
<B>Choose Video:</B>
<a href="#" onclick="play('CsGYh8AacgY'); return false" style="color:#9b9898; font-size:12">Charlie 1</a> |
<a href="#" onclick="play('QFCSXr6qnv4'); return false" style="color:#9b9898; font-size:12">Charlie 2</a> |
<a href="#" onclick="play('eaCCkfjPm0o'); return false" style="color:#9b9898; font-size:12">Charlie 3</a>
最佳答案
问题是没有设置电影参数。但是,我不确定直接设置是否会导调用影重新加载。如果你不反对使用一些 javascript 库,我会这样做:
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function play(clip){
var mv = "http://www.youtube.com/v/"+clip+"&autoplay=0&rel=0";
swfobject.embedSWF(mv, "myContent", "375", "295", "8");
}
$(document).ready(function() {
play('CsGYh8AacgY');
});
</script>
<div id="myContent"></div>
<br />
<B>Choose Video:</B>
<a href="#" onclick="play('CsGYh8AacgY'); return false" style="color:#9b9898; font-size:12">Charlie 1</a> |
<a href="#" onclick="play('QFCSXr6qnv4'); return false" style="color:#9b9898; font-size:12">Charlie 2</a> |
<a href="#" onclick="play('eaCCkfjPm0o'); return false" style="color:#9b9898; font-size:12">Charlie 3</a>
这使用 SWFObject 和 JQuery 库。 SWFObject 是处理加载 Flash 电影的对象。 JQuery 在这里不是绝对必要的,我只是在页面完全加载后使用它来加载默认视频
$(document).ready
.我指向谷歌托管的库,但如果您愿意,您可以下载它们并在本地提供它们。
关于html - 带有 onclick 链接的嵌入式 youtube 播放器在同一嵌入式播放器中播放另一个视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13224561/