suchen

Heim >Web-Frontend >H5-Tutorial >Legen Sie in HTML5 das Attribut „Autoplay' fest oder geben Sie es zurück, um festzulegen, ob die Audio- und Videowiedergabe nach dem Laden beginnt.

Legen Sie in HTML5 das Attribut „Autoplay' fest oder geben Sie es zurück, um festzulegen, ob die Audio- und Videowiedergabe nach dem Laden beginnt.

黄舟
黄舟Original
2017-11-08 09:35:483279Durchsuche

Instanz

Autoplay aktivieren und Video neu laden: 

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

Definition und Verwendung

Autoplay AttributeSetzen oder Gibt zurück, ob die Audio- und Videowiedergabe nach dem Laden beginnt.

Browser-Unterstützung

Alle gängigen Browser unterstützen das Autoplay-Attribut.

Hinweis: Dieses Attribut wird in Internet Explorer 8 oder früheren Browsern nicht unterstützt.

Syntax

Autoplay-Attribut festlegen: 

audio|video.autoplay=true|false

Autoplay-Attribut zurückgeben: 

audio|video.autoplay

Attributwert

值 描述
true 指示音视频在加载完成后随即播放。
false 默认。指示音视频不应在加载后立即播放。

Technische Details

返回值 布尔值。true|false
默认值： false

Wenn HTML5-Video das Autoplay-Attribut verwendet, ist der Ton verwirrend

Seitencode

Index.html

<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>

js-Code
html5.js

var HTML5MediaService= {
    getDefaultConfig: function () {
        return $.extend({}, {width: "100%", height: "100%", controls: "controls", autoplay: "autoplay"});
    },
    create:function(jo,cfg){
         this.videoId = "videojs_" + new Date().getTime().toString();
        var videoJo = $(&#39;<video&#39; +
            &#39; id="&#39; + this.videoId + &#39;"&#39; +
            &#39; src=&#39; + cfg.url +
            &#39; controls=&#39; + cfg.controls +
            &#39; autoplay=&#39; + cfg.autoplay +
            &#39; width=&#39; + cfg.width +
            &#39; height=&#39; + cfg.height +
            &#39; preload=none&#39; +
            &#39;></video>&#39;);
        videoJo.appendTo(jo.empty());
    }　　
   }

Meine Lösung:

Autoplay entfernen und die Funktion play() verwenden, um die automatische Wiedergabefunktion zu erreichen;

Das obige ist der detaillierte Inhalt vonLegen Sie in HTML5 das Attribut „Autoplay' fest oder geben Sie es zurück, um festzulegen, ob die Audio- und Videowiedergabe nach dem Laden beginnt.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Gibt das Attribut audioTracks des AudioTrackList-Objekts in HTML5 zurückNächster Artikel：Gibt das Attribut audioTracks des AudioTrackList-Objekts in HTML5 zurück

In Verbindung stehende Artikel

Mehr sehen