Die Verwendung von Audio- und Video-Tags in HTML5

Dieser Artikel stellt hauptsächlich die Verwendung von Audio- und Video-Tags in HTML5 vor. Jetzt kann ich ihn mit Ihnen teilen.

WeChat-Sharing-Seite Es gibt viele Sprachwiedergabe- und Videoanzeigen und viele verwandte Methodenattribute wurden bisher nicht berührt. Nehmen Sie sie also jetzt auf!

1. Verstehen Sie zunächst die grundlegenden Informationen zu den beiden Tags:

Die grundlegenden Attribute der beiden Tags:

zwei Beschriftungen Die grundlegende Methode:

Ereignisse in beiden Tags:

2. Verwendung im Projekt: Wenn das Video nicht geladen ist, muss das erste Bild des Bildes hier aus dem Hintergrund übertragen werden. das Originalvideo-Tag Es gibt ein Attributposter, das speziell zum Anzeigen des ersten Bildes des Videos verwendet wird, das dem Video-Titelbild entspricht. Das Poster-Attribut wird verwendet, um den Poster-Attributwert des Videos festzulegen oder zurückzugeben. Dieses Attribut beschreibt das Bild, das angezeigt wird, wenn das Video geladen wird oder bevor der Benutzer auf die Wiedergabeschaltfläche klickt. Wenn dieses Attribut nicht enthalten ist, wird stattdessen das erste Bild des Videos verwendet.

<p class="newsInfo" v-for=" item in newsFragment">
<p class="text">{{item.fragment_text_describe}}</p>
<p v-if="item.fragmentFile" v-for="items in item.fragmentFile">
<img v-if="items.fragment_type==1" :src="items.fragment_url" alt="">
<video v-else :poster="items.fileCover" controls :src="items.fragment_url"></video>
</p>
</p>

Bei der Audiowiedergabe unterstützt der Browser diesen Audiotyp möglicherweise nicht. Sie müssen also ein Urteil fällen: Überprüfen Sie mit der Methode canPlayType(), ob der Browser den angegebenen Audio-/Videotyp abspielen kann . Die Methode canPlayType() kann einen der folgenden Werte zurückgeben:
„wahrscheinlich“ – der Browser unterstützt diesen Audio-/Videotyp höchstwahrscheinlich
„vielleicht“ – der Browser unterstützt möglicherweise diesen Audio-/Videotyp

"" - (leere Zeichenfolge) Der Browser unterstützt diesen Audio-/Videotyp nicht

Syntax verwenden:

audio.canPlayType("mp3"))

Verwandte Empfehlungen:

Umfassendes Verständnis des sessionStorage-Objekts von HTML5

Detaillierte Videoerklärung der HTML5-Video-Tag-Operation

Das obige ist der detaillierte Inhalt vonDie Verwendung von Audio- und Video-Tags in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!