0

この例には問題があります: http://modstudio.eu/facebook/hq/vid.php#

対応するサムネイルがクリックされたときに表示されるビデオの複数のグループを処理するにはどうすればよいですか? 再生中の他のすべてのビデオを停止しますか?

複数の動画を扱うサイトhttps://modstudio.eu/facebook/hq/live2.php用です。これは、私が達成しようとしていることを説明するのに役立つかもしれません。

私はそれが何かに関係していると仮定します<div class="vidContainer" id="vidContainer">

section='A'、section='B' などを DIV vidContainers に追加しようとしたため、スクリプトはどれが対応するかを認識しますが、動画をその特定のコンテナのみに変更することに対応するように JavaScript を変更する方法がよくわかりません.

何かご意見は？

4

1 に答える 1

1

これはあなたが必要とするものかもしれません: http://jsfiddle.net/FCa7k/10/。これはHTML、CSS、およびJSです

    img{
    cursor : pointer;
    }
    ul li{
    float : left;
    list-style: none;
    }

    <ul id="container">
    <li><img src="http://i2.ytimg.com/vi/mIMFL9wRaJE/default.jpg" data-id="mIMFL9wRaJE" class=""></li>
    <li><img src="http://i1.ytimg.com/vi/HRtX_GhLNrU/default.jpg" data-id="HRtX_GhLNrU"></li>
    <li><img src="http://i2.ytimg.com/vi/YH72FLaJe5Y/default.jpg" data-id="YH72FLaJe5Y"></li>
    </ul>
    <div id="video"></div>
    <script>
    $(function(){
    $("li img").live('click', function(){
    //alert( $(this).data('id') );
    var id =  $(this).data('id');
    //alert(id);
    var str = '<iframe width="200" height="200" src="http://www.youtube.com/embed/'+id+'?wmode=Opaque" frameborder="0" allowfullscreen></iframe>';
    //alert(str);
    $("#video").html(str);
    });
    });
    </script>
于 2013-06-13T11:28:16.447 に答える