0

HTML5 ビデオを含む Bootstrap モーダルをトリガーするビデオ静止画像があります。モーダルが表示されたときにビデオの再生を開始する必要があり、jQuery で選択できないようです。

トリガー イメージの ID は btnVideo です。

モーダルコードは次のとおりです。

<div id="modal-video-view" class="modal hide fade in" style="display:none;">
    <div class="modal-header">
        <h3>Property Video</h3>
    </div>
    <div class="modal-body">
        <div id="vid">
            <video width="520" height="380" preload autostart id="myVideo">
                <source src="videos/homeVideo.mp4" type="video/mp4">
                <source src="videos/homeVideo.ogg" type="video/ogg">
            </video>

            <script>
                jwplayer("myVideo").setup({
                    modes: [
                        { type: "flash", src: "js/jw_player_5.8/player.swf" },
                        { type: "html5" }
                    ]
                });
            </script>
        </div> <!-- END vid DIV -->
    </div>
    <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal">Close</a>
    </div>
</div>

そして、ここにjqueryでの私の試みがあります:

$(document).ready(function(){
     $('#btnVideo').click( function(){
    $('#modal-video-view').modal();
    $('#myVideo').get(0).play();
      });
});

モーダルが「モーダル」の場合、ビデオは再生されません。わかりませんが、m4aまたはoggがロードされているかどうか、またはフラッシュフォールバックが機能しているかどうかがjQueryにわからないためかもしれません

どんな助けでも大歓迎です。

ジョン

4

1 に答える 1

1

JW Playerのドキュメントで答えを見つけました。

$('#btnVideo').click( function(){
    $('#modal-video-view').modal();
    jwplayer("myVideo").setup({
         modes: [
        { type: "flash", src: "js/jw_player_5.8/player.swf"}, { type: "html5" }
         ]
    });
    jwplayer("myVideo").play();
});
于 2013-05-28T20:02:09.750 に答える