Attributverwendung in den Video- (Video) und Audio- (Audio)-Tags von HTML5

Dieser Artikel stellt Ihnen die Verwendung von Attributen in den Video- und Audio-Tags vor. Er hat einen gewissen Referenzwert.

So aktivieren Sie die Tags

So aktivieren Sie die Funktion von HTML5-Video- und Audio-Tags in allen gängigen Browsern Browser-Browser, fügen Sie einfach die folgende Codezeile irgendwo im ein.

<script src="//api.html5media.info/1.2.2/html5media.min.js"></script>

Wie man Videos einbettet

Sie können verwenden Der folgende Code bettet das Video in Ihre Seite ein.

<video src="video.mp4" width="320" height="200" controls preload></video>

Wie man Audio einbettet

Sie können verwenden Der folgende Code bettet das Audio in die Seite ein.

<audio src="audio.mp3" controls preload></audio>

Videoformat:
Format MIME-Typ
MP4-Video/mp4
WebM-Video/webm
Ogg-Video/ogg

Neue Attribute in HTML5:
Attributwertbeschreibung
autoplay autoplay Wenn dieses Attribut erscheint, wird das Video abgespielt, sobald es fertig ist.
Steuerelemente Steuerelemente Wenn dieses Attribut angezeigt wird, werden dem Benutzer Steuerelemente angezeigt, beispielsweise eine Wiedergabeschaltfläche.
Höhe Pixel legt die Höhe des Videoplayers fest.
Schleife Schleife Wenn dieses Attribut angezeigt wird, beginnt die Wiedergabe erneut, nachdem die Wiedergabe der Mediendatei abgeschlossen ist.
muted muted gibt an, dass die Audioausgabe des Videos stummgeschaltet werden soll.
Poster-URL gibt das Bild an, das beim Herunterladen des Videos angezeigt wird, oder das Bild, das angezeigt wird, bevor der Benutzer auf die Wiedergabeschaltfläche klickt (Poster = "Poster. jpg “).
Preload Preload Wenn dieses Attribut erscheint, wird das Video beim Laden der Seite geladen und für die Wiedergabe vorbereitet (Preload).
Wenn „Autoplay“ verwendet wird, wird dieses Attribut ignoriert.
src url Die URL des abzuspielenden Videos.
Breite Pixel legt die Breite des Videoplayers fest.

HTML-Audio/Video-Methode:
Methodenbeschreibung
addTextTrack() Fügt eine neue Textspur zu Audio/Video hinzu.
canPlayType() erkennt, ob der Browser den angegebenen Audio-/Videotyp abspielen kann.
load() lädt Audio-/Videoelemente neu.
play() startet die Wiedergabe von Audio/Video.
pause() Hält die aktuell wiedergegebene Audio-/Videowiedergabe an.

Sie können addEventListener verwenden, um das Endereignis des Videos zu überwachen, die Endzeit zu überwachen, End- und Sprungoperationen durchzuführen usw.

Empfohlene verwandte Artikel:

HTML5-Optionsattribut: So verwenden Sie das Optionsattribut, um eine kaskadierende Dropdown-Liste zu implementieren

Eine Zusammenfassung der Änderungen in der HTML5-Seitenstruktur sowie des Hinzufügens und Löschens Tags

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