html5 では、読み込み後にオーディオとビデオの再生を開始するかどうかの autoplay 属性を設定または返します。-H5 チュートリアル-php.cn

html5 では、読み込み後にオーディオとビデオの再生を開始するかどうかの autoplay 属性を設定または返します。

黄舟

リリース： 2017-11-08 09:35:48

オリジナル

3184 人が閲覧しました

例

自動再生を有効にして再読み込みするvideo:

myVid=document.getElementById("video1");
myVid.autoplay=true;
myVid.load();

ログイン後にコピー

定義と使用法

autoplay プロパティ読み込み後にオーディオとビデオの再生を開始するかどうかを設定または返します。

ブラウザのサポート

すべての主要なブラウザは自動再生属性をサポートしています。

注: この属性は、Internet Explorer 8 以前のブラウザではサポートされていません。

構文

自動再生属性を設定します:

audio|video.autoplay=true|false

ログイン後にコピー

自動再生属性を返します:

audio|video.autoplay

ログイン後にコピー

属性値

値	説明
true	ロード後すぐに再生されました。
false	デフォルト。オーディオとビデオをロード直後に再生しないことを示します。

技術的な詳細

Falsehtml5 ビデオ autoplay 属性を使用すると、サウンドが混乱しますページコード

戻り値	ブール値。 True \| FALSEe デフォルト値:

index.html

rreeee

js コード

html5.js

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title> 
<meta charset=&#39;utf-8&#39;/>
<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(){
$(&#39;#channel1&#39;).click(function(){
setConfig("test1.mp4");
});

$(&#39;#channel2&#39;).click(function(){
setConfig("test2.mp4");
});

$(&#39;#channel3&#39;).click(function(){
setConfig("test3.mp4");
});
}


function setConfig(url){
var jo=$(&#39;#test1&#39;);
var cfg=HTML5MediaService.getDefaultConfig();
 cfg=$.extend(cfg, {url: url});
HTML5MediaService.create(jo,cfg);
}

</script>
</head>
<body>
<div id=&#39;test1&#39; style="height:300px;width:500px;">

</div>
</br>
</br>
</br>
<div>
<span id=&#39;channel1&#39;>频道1</span>
<span id=&#39;channel2&#39;>频道2</span>
<span id=&#39;channel3&#39;>频道3</span>
</div>
</body>
</html>

ログイン後にコピー

e 私の解決策:

自動再生機能を実現するには、自動再生を削除し、play() 関数を使用します。

以上がhtml5 では、読み込み後にオーディオとビデオの再生を開始するかどうかの autoplay 属性を設定または返します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。