ホームページ >ウェブフロントエンド >H5 チュートリアル >html5 では、読み込み後にオーディオとビデオの再生を開始するかどうかの autoplay 属性を設定または返します。
例
自動再生を有効にして再読み込みするvideo:
myVid=document.getElementById("video1"); myVid.autoplay=true; myVid.load();
定義と使用法
autoplay プロパティ読み込み後にオーディオとビデオの再生を開始するかどうかを設定または返します。
ブラウザのサポート
すべての主要なブラウザは自動再生属性をサポートしています。
注: この属性は、Internet Explorer 8 以前のブラウザではサポートされていません。
構文
自動再生属性を設定します:
audio|video.autoplay=true|false
自動再生属性を返します:
audio|video.autoplay
属性値
値 | 説明 |
true | ロード後すぐに再生されました。 |
false | デフォルト。オーディオとビデオをロード直後に再生しないことを示します。 |
技術的な詳細
戻り値 | ブール値。 True | FALSEe デフォルト値: |
html5 ビデオ autoplay 属性を使用すると、サウンドが混乱します |
index.html
rreeeejs コード
html5.js<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <meta charset='utf-8'/> <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="js/thml5.js" type="text/javascript"></script> <script type="text/javascript"> window.onload=function(){ $('#channel1').click(function(){ setConfig("test1.mp4"); }); $('#channel2').click(function(){ setConfig("test2.mp4"); }); $('#channel3').click(function(){ setConfig("test3.mp4"); }); } function setConfig(url){ var jo=$('#test1'); var cfg=HTML5MediaService.getDefaultConfig(); cfg=$.extend(cfg, {url: url}); HTML5MediaService.create(jo,cfg); } </script> </head> <body> <div id='test1' style="height:300px;width:500px;"> </div> </br> </br> </br> <div> <span id='channel1'>频道1</span> <span id='channel2'>频道2</span> <span id='channel3'>频道3</span> </div> </body> </html>e 私の解決策:
自動再生機能を実現するには、自動再生を削除し、play() 関数を使用します。
以上がhtml5 では、読み込み後にオーディオとビデオの再生を開始するかどうかの autoplay 属性を設定または返します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。