Heim  >  Artikel  >  Web-Frontend  >  So fügen Sie Video und Audio in HTML ein

So fügen Sie Video und Audio in HTML ein

王林
王林nach vorne
2020-11-03 16:40:424403Durchsuche

So fügen Sie Video und Audio in HTML ein

Die ideale Lösung zum Einfügen von Videos:

HTML5 + <object> + <embed>

(Video-Tutorial empfohlen: HTML-Video-Tutorial)

Der Code lautet wie folgt:

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls="controls" autoplay="autoplay">
  <source src="/i/movie.ogg" type="video/ogg" />
  <source src="/i/movie.mp4" type="video/mp4" />
  <source src="/i/movie.webm" type="video/webm" />
  <object data="/i/movie.mp4" width="320" height="240">
    <embed width="320" height="240" src="/i/movie.swf" />
  </object>
</video>

</body>
</html>

Die ideale Lösung zum Einfügen von Audio:

<embed>

Das Beispiel Unten werden zwei verschiedene Audioformate verwendet. Das Html5-Element b97864c2e0ef2353a16c4d64c7734e92 versucht, Audio im MP3- oder OGG-Format abzuspielen. Wenn dies fehlschlägt, greift der Code auf das d8e2720730be5ddc9c2a3782839e8eb6-Element zurück.

<!DOCTYPE HTML>
<html>
<body>

<audio controls="controls">
  <source src="/i/song.ogg" type="audio/ogg">
  <source src="/i/song.mp3" type="audio/mpeg">
<embed height="100" width="100" src="/i/song.mp3" />
</audio>

</body>
</html>

Verwandte Empfehlungen: HTML-Tutorial

Das obige ist der detaillierte Inhalt vonSo fügen Sie Video und Audio in HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen