H?ufige Attribute von HTML5 von

In HTML5 liefert das <video></video> -Element viele h?ufig verwendete Eigenschaften, um das Verhalten und das Erscheinungsbild eines Videos zu steuern. Mit diesen Attributen k?nnen Entwickler die Video -Wiedergaberfahrung auf der Webseite flexibel anpassen.

Kontrollen

Dies ist die am h?ufigsten verwendete Eigenschaft, die dem Browser mitteilt, dass die Standardsteuerung (z. B. Spielen, Pause, Volumen usw.) angezeigt wird. Wenn Sie dieses Attribut nicht hinzufügen, hat das Video keine Betriebsoberfl?che.
Wenn Sie den Steuerungsstil oder das Kontrollstil oder das Verhalten anpassen m?chten, lassen Sie normalerweise controls weg und implementieren dann eine Reihe von Steuerelementen in HTML und JavaScript.
Zum Beispiel:

 <Videokontrollen>
  <Source Src = "Beispiel.MP4" Typ = "Video/mp4">
</Video>

Autoplay

Wie der Name schon sagt, erm?glicht das autoplay das Video, nach dem Laden automatisch zu spielen. Es ist jedoch zu beachten, dass die meisten modernen Browser für die Benutzererfahrung nicht zulassen, dass Audiovideos standardm??ig automatisch abgespielt werden.
Sie k?nnen es mit der muted Eigenschaft verwenden, damit es auch ohne Interaktion automatisch spielen kann.
Zum Beispiel:

 <Video Autoplay ged?mpft>
  <Source Src = "Hintergrund-video.mp4" Typ = "Video/mp4">
</Video>

GEMACHTE PRAXIS: Wenn Sie Videos als Hintergrund verwenden, verwenden Sie h?ufig autoplay muted loop um die Video -Effekte des Schleifenhintergrunds zu erzielen.

Schleife

loop -Attribut beginnt automatisch erneut, nachdem das Video gespielt wurde. Es wird h?ufig in Display -Szenarien verwendet, wie z. B. Website -Einführungsvideos oder Werbetitel.
HINWEIS: Loop ist eine boolesche Eigenschaft, die wirksam wird, solange sie geschrieben ist und keine Zuordnung erfordert.
Zum Beispiel:

 <video Loop>
  <Source src = "intro.mp4" Typ = "Video/mp4">
</Video>

Vorspannung

Mit dieser Eigenschaft wird der Browser aufgefordert, ob der Videoinhalt beim Laden der Seite vorinstalliert werden sollte. Zu den Werten geh?ren: auto , metadata und none .

• auto : Der Browser entscheidet, wann sie geladen werden müssen
• metadata : nur Metadaten laden (wie Dauer)
• none : Es l?dt die Vorspannung nicht, sondern wird nur geladen, wenn der Benutzer zum Spielen klickt.

Manchmal sehen Sie diese Schreibmethode:

 <Video preload = "auto">
  <source src = "move.mp4" type = "Video/mp4">
</Video>

Der Browser kann sich jedoch entsprechend den Netzwerkbedingungen anpassen und folgt Ihren Einstellungen nicht genau.

ged?mpft

Neben dem autoplay kann es auch muted , auch allein vorhanden, was das Video von Anfang an zweitschweigend gezwungen hat.
Einige Websites spielen zun?chst automatisch Videos stumm und geben dann eine Button an. Dieser Ansatz steht sowohl im Einklang mit der Browser -Richtlinie als auch den Benutzer nicht.

Es gibt einige andere Attribute wie:

• poster : Geben Sie das angezeigte Titelbild an, das vor dem Laden des Videos angezeigt wird
• width / height : Stellen Sie die Gr??e der Videofl?che fest
• playsinline : Erzwingen Sie die Inline -Video -Wiedergabe auf dem Handy (und nicht auf Vollbildschirm)

Grunds?tzlich sind dies die gemeinsamen. Obwohl das <video></video> Tag einfach aussieht, k?nnen diese Attribute kombiniert werden, um den Anforderungen der meisten Webvideos zu erfüllen.

Das obige ist der detaillierte Inhalt vonWas sind die g?ngigen Attribute für das -Element (z. B. Steuerelemente, Autoplay, Schleife)?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!