12

では、HTML 5 準拠のビデオ プレーヤー (Video JS など) を使用して、ページ全体をリロードすることなく、ビデオを動的にロードするにはどうすればよいでしょうか? リンクのリスト (プレイリストのようなもの) と、各リンクがビデオを指していると想像してください。リンクをクリックすると、選択したビデオをプレーヤーにロードしたい。

現在、私はビデオ プレーヤーを保持する Iframe を使用しているので、基本的には Iframe に変数を渡し、それをリロードします。いくつかの理由から、これは理想的ではないと思います。ビデオを全画面表示にすることはできません。[戻る] ボタンは、メイン ページだけでなく Iframe を元に戻します。さらに、それは Iframe です。私はむしろこれを避けたいです。

アイデア？ありがとう！

4

1 に答える 1

30

簡単な解決策を思いつきました。スクリプトは次のとおりです。これを頭に投げます：

function vidSwap(vidURL) {
var myVideo = document.getElementsByTagName('video')[0];
myVideo.src = vidURL;
myVideo.load();
myVideo.play();
}

そして、HREF は関数を呼び出します。

<a href="#" onClick="javascript:vidSwap('myMovie.m4v'); return false;">Link</a>
于 2010-09-01T02:59:59.177 に答える