嵌入的YouTube播放器的链接onclick在同一个嵌入式播放器播放另一个视频

我的问题是，一切工作正常在FF但不是铬/ IE/Safari浏览器。如果任何人都可以帮忙，将非常感谢！ PS：不能使用iFrame。嵌入的YouTube播放器的链接onclick在同一个嵌入式播放器播放另一个视频

这是代码：第一部分代码需要开始脚本和结束脚本，因为脚本代码不会显示。

<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&amp;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>

来源

2012-11-05 user1798935

问题是电影参数没有被设置。但是，我不确定是否直接设置会导致电影重新加载。如果你不反对使用一些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。我指向谷歌托管的图书馆，但如果您愿意，可以下载并在本地提供。

来源

2012-11-05 16:01:53 jcern

Trythis，

$('a.video').click(function() { 
    var id = $(this).attr('data-youtube'); 
    var src = '//www.youtube.com/embed/'+id; 
    var iframe = '<iframe id="youtube" width="560" height="315" frameborder="0" src="'+src+'" allowfullscreen></iframe>'; 
    $(".video-wrapper").html(iframe); 
    return false; 
});

https://jsfiddle.net/rakesh_vadnal/pyktnz7r/2/

来源

2016-01-05 09:58:24

嵌入的YouTube播放器的链接onclick在同一个嵌入式播放器播放另一个视频

回答

相关问题