Beispiel für das Hinzufügen eines Musikvideos zu einer HTML-Seite

1. Video-Tag

Unterstützt die automatische Wiedergabe in Firefox, jedoch nicht in Google und IE

<video controls="controls" autoplay="autoplay" name="media"><source src="./img/music.mp3" type="audio/mpeg"></video>

Google kann die automatische Wiedergabe aktivieren, indem es Stummschalt

<video controls="controls" autoplay="autoplay" name="media" stummgeschaltet><source src="./img/music.mp3" type="audio/mpeg"></video> 

Das Prinzip besteht darin, dass die meisten Browser die stumme Videowiedergabe unterstützen.

<video controls="controls" autoplay="autoplay" name="media" stummgeschaltet><source src="http://vjs.zencdn.net/v/oceans.mp4" type="audio/mpeg"></video>

2. Audio-Tag

Hinweis: Das Tag definiert einen Ton, beispielsweise Musik oder einen anderen Audiostream.

<audio controls="Steuerungen" ><source src="./img/music.mp3"></audio> 

Hinweis: Es kann nur Musik geladen werden, kein Video

3.einbetten

Unterstützt mehrere Spieler

Autoplay unterstützt Android, aber nicht iOS. Es unterstützt Google IE und Edge, aber nicht Firefox.

<embed src="./img/music.mp3" hidden="true" autostart="true" loop="true"> 
<embed src="http://vjs.zencdn.net/v/oceans.mp4" autostart="true" loop="true"> 

Zusätzliche Hinweise:

Unter iOS und Android war es schon immer üblich, dass Audio nicht automatisch wiedergegeben werden konnte. Auch die Desktop-Version von Safari kündigte in Version 11 im Jahr 2017 an, die automatische Wiedergabe von Multimediadateien mit Ton zu deaktivieren. Dann schaltete Chrome 66, das im April 2018 veröffentlicht wurde, die automatische Wiedergabe von Ton offiziell ab, was bedeutet, dass <Audio-Autoplay> <Video-Autoplay> auch in der Desktop-Version des Browsers ungültig sein wird.

Google erklärt:
Ausnahmebedingungen für die automatische Wiedergabe: Wenn, wie oben erwähnt, das Video selbst stummgeschaltet wurde, blockiert der Browser dessen Laden für die automatische Wiedergabe nicht mehr. Wenn der Benutzer zuvor auf die automatische Wiedergabe geklickt hat, blockiert der Browser die Wiedergabe beim nächsten Besuch derselben Website standardmäßig nicht. Wenn der Benutzer auf Mobilgeräten die Website zum Startbildschirm hinzufügt, also die Website, die häufig besucht wird, kann sie in diesem Fall auch automatisch abgespielt werden.
Abschließend: Laut Google-Statistik wird die automatische Wiedergabefunktion nicht blockiert, wenn das Website-Video in großen Mengen abgespielt wird, beispielsweise auf Video-Websites.

Dies ist das Ende dieses Artikels über das Implementierungsbeispiel zum Hinzufügen von Musikvideos zu HTML-Webseiten. Weitere relevante Inhalte zum Hinzufügen von Musikvideos zu HTML finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!