0

フルスクリーンの dragdealer.js スライドショーを使用して Web サイトを作成し、そのスライドの 1 つに HTML5 ビデオを背景として埋め込む必要があります。

私はWordpressとvideo-jsを使用しています。だから私はWP投稿で次のコードをハードコードします:

<video height="450" width="800" poster="Absolute_poster_link" autoplay="autoplay" preload="metadata" loop="loop" class="video-js" id="bg_video" tabindex="0">
<source src="Absolute_mp4_link"  type="video/mp4"></source>
<source src="Absolute_webm_link" type="video/webm"></source>
<source src="Absolute_ogv_link"  type="video/ogg"></source>
</video>

ページが読み込まれている親リンクでページがトリガーされると、ビデオがバックグラウンドで表示されるため機能しますが、このページで F5 を押すか、ブラウザー (Firefox、Chrome...) を更新すると、ビデオが真っ黒になります。何も機能していません...

この問題の解決策はありますか? どうもありがとう

4

1 に答える 1

0

さて、私はこれを機能させる方法を見つけました。Wordpress は、投稿領域に自動再生プロパティを含む HTML5 ビデオ タグを投稿するのが苦手なようです。そこで、javascript 関数と .append() jQuery メソッドを使用して HTML5 タグを作成することにしました。

私はそのようなものをハードコーディングしました:

function appendVideo(){
    jQuery('#main').append('<div id="video-loop-wrapper"><div class="video-overlay "></div><div id="video-loop"></div></div>');
    jQuery('#video-loop').html('<video id="bg_video" width="800" height="450" loop="loop" preload="metadata" autoplay="autoplay" poster="poster_link"><source src="video_.mp4_link" type="video/mp4" /><source src="video_.webm_link" type="video/webm" /><source src="video_.ogv_link" type="video/ogg" /></video>');
    }
于 2013-03-21T12:04:58.320 に答える