1

私の問題は、すべてが 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&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>
4

2 に答える 2

2

問題は、ムービー パラメータが設定されていないことです。ただし、直接設定するとムービーがリロードされるかどうかはわかりません。いくつかの 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 は厳密には必要ありません。ページが完全にロードされたときに、デフォルトのビデオをロードするために JQuery を使用しているだけです$(document).ready。Google がホストするライブラリを指しますが、必要に応じてそれらをダウンロードしてローカルで提供することもできます。

于 2012-11-05T16:01:53.507 に答える
0

これを試して、

 $('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-05T09:58:24.230 に答える