3

Moto:Jqueryを使用して、ユーザーがボタンをクリックしたときに再生されるビデオを変更します。サンプルWebサイト:http ://sublimevideo.net (プレーヤーコントロールの[hd]ボタンをクリック)

詳細に:

ページの読み込み時に、ブラウザはソース(url: "The-Dark.mp4")で指定された最初のビデオを再生します。私が欲しいのは、ユーザーがHDボタン(コントロール)をクリックすると、ブラウザーは次のボタンを再生する必要があることです(url: "The-Dark-hd.mp4")

その私のHTMLコード:

        <source src="asserts/The-Dark.mp4" type="video/mp4;" data-quality="sd"></source>            
        <source src="asserts/The-Dark-hd.mp4" type="video/mp4;" codecs="&quot;avc1.42E01E, mp4a.40.2&quot;" data-quality="hd"></source>

        <source src="asserts/The-Dark.ogg" type="video/ogg;" codecs="&quot;theora, vorbis&quot;"></source>

        <source src="asserts/The-Dark-hd.ogg" type="video/ogg;" codecs="&quot;theora, vorbis&quot;"></source>
</video>

フォローする必要のあるJqueryを教えてください

4

1 に答える 1

9
$('source', 'video')​​.eq(1).prependTo('video');
$('video')[0].load();
$('video')[0].play();

フィドル

于 2012-08-25T12:26:53.360 に答える