Zusammenfassung des Grundwissens über HTML5-Videos

1. Grundlegende Attribute des Video-Tags

1.autoplay="autoplay": Legt fest, dass das Video abgespielt wird, sobald es fertig ist

2.control="controls ": Lassen Sie den Browser das Video abspielen. Der Player bietet Standardsteuerelemente wie Pause und Fortschrittsbalken. Wenn dies eingestellt ist, können Sie keine eigenen Steuerelemente verwenden.

3.width="320" height="240": Definieren Sie die Breite und Höhe des Videoplayers. Wenn Sie dies festlegen, kann die Seite einen Teil des Platzes für den Videoplayer reservieren. Wenn dies nicht festgelegt ist, wird dieser zu Beginn nicht beibehalten, was zu Verwirrung im Seitenlayout führen kann 4.loop="loop": legt fest, dass die Wiedergabe des Videos dann fortgesetzt wird

5.preload-Attribut: automatisch bedeutet, dass das gesamte Video geladen wird, nachdem die Seite geladen wurde; keine: lädt nicht das Video

6.src: Vorschriften-URL zum Abspielen des Videos, unterstützte Videoformate: MP4/WebM/Ogg

2. Gemeinsame Video

API

1.

aktuelle

Zeit: Gibt die aktuelle Wiedergabezeit an, die durch js-Operationen geändert und im Wiedergabefortschritt widergespiegelt werden kann2.load()-Methode: Video laden; Methode play(): Video abspielen; Methode pause(): Video anhalten

3.Lautstärke: Zeigt die aktuelle Tongröße an, die über js angepasst werden kann

4 .muted: true bedeutet stumm, false bedeutet nicht stummgeschaltet

5.playbackRate: Stellen Sie die Wiedergabegeschwindigkeit ein. Der Standardwert ist 1, was bedeutet, dass die Wiedergabe in 1 Sekunde erfolgt.

3. Verwenden Sie js zur Steuerung die Videoinstanz

und rufen Sie das entsprechende < über den

Elementselektor

ab. ;video> Element: var myVideo = document.getElementById(“video”)myVideo.play(): Wiedergabe des Videos starten; myVideo.pause(): Wiedergabe des Videos stoppen

Sie können die Größe des Videos über myVideo.height und myVideo.width festlegen

4. Das Quell-Tag

[Verwandte Empfehlungen]

<video id=“video” width=“420”>
    <scource src=“a.mp4” type=“video/mp4”>
    <scource src=“a.ogg” type=“video/ogg”>
</video>

1

Der MIME von IIS registriert den MP4-Typ nicht, was dazu führt, dass das Vidoe-Tag nicht erkannt wird

2 .

Die Lösung für das H5-Video-Tag, das nur Ton, aber kein Video abspielen kann

3

Teilen Sie eins Das Problem und die Lösung, dass das Video-Tag keine MP4-Dateien abspielen kann

4.

Verwenden des Videoelements zum Erstellen eines Videoplayers in HTML 5

5.

Detaillierte Erklärung der HTML5-Video-Tag-Testanwendung

Das obige ist der detaillierte Inhalt vonZusammenfassung des Grundwissens über HTML5-Videos. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!