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

黄舟
リリース: 2017-11-08 09:35:48
オリジナル
3251 人が閲覧しました

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

myVid=document.getElementById("video1");
myVid.autoplay=true;
myVid.load();
ログイン後にコピー

定義と使用法

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

ブラウザのサポート

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

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

構文

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

audio|video.autoplay=true|false
ログイン後にコピー

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

audio|video.autoplay
ログイン後にコピー

属性値

説明
tru​​eロード後すぐに再生されました。
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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート