Heim  >  Artikel  >  Web-Frontend  >  Beispielcode für die Verwendung von h5-Video-Tags

Beispielcode für die Verwendung von h5-Video-Tags

零下一度
零下一度Original
2018-05-15 10:30:205262Durchsuche

HTML-Video ist für HTML 5+ geeignet und wird zum Definieren von Video-Streaming-Medien für die Online-Anzeige verwendet. Hier ist eine kurze Einführung für Freunde, die es benötigen 39000f942b2545a5315c57fa3276f220 ist für HTML 5+ geeignet und wird zum Definieren von Video-Streaming für die Online-Anzeige verwendet.

Hier ist der Kommentartext. Wenn der Browser HTML 5 nicht unterstützt, wird der Text hier angezeigt. Sofern unterstützt, wird das Video direkt angezeigt und der Text ignoriert.
<video 
width
="320" 
height
="240" src="www.php.cn/movie.ogg" controls="controls">
a6a9c6d3f311dabb528ad355798dc27d



Wenn Sie in HTML 4 und früher ein Video zur Online-Anzeige in eine Webseite einbetten möchten, müssen Sie im Allgemeinen Flash-Video-Streaming verwenden, indem Sie < ;object> und d8e2720730be5ddc9c2a3782839e8eb6-Tag können Sie Videodateien in swf, flv und anderen Formaten über den Browser abspielen, allerdings muss der Browser ein Plug-in eines Drittanbieters installieren: Adobe Flash Player. Moderne Smartphones und iPads unterstützen Flash in der Regel nicht und können daher keine Videos im Internet durchsuchen. HTML 5 hat diese Tatsache geändert. Webentwickler müssen nur noch das 39000f942b2545a5315c57fa3276f220-Tag verwenden, um Videodateien ohne Plug-Ins von Drittanbietern zu laden.

Attribute Wert Beschreibung
Autoplay Autoplay Wenn dieses Attribut vorhanden ist, wird das Video abgespielt, sobald es fertig ist.
Steuerelemente Steuerelemente Wenn dieses Attribut erscheint, werden dem Benutzer die Steuerelemente angezeigt, z. B. die Wiedergabe Schaltfläche.
Höhe Pixelwert Legt die Höhe des Videoplayers fest.
Schleife Schleife Wenn dieses Attribut erscheint, beginnt die Wiedergabe erneut, nachdem die Mediendatei abgespielt wurde.
vorladen auto/meta/none Gibt an, ob das Video vorab geladen werden soll, mögliche Werte:
automatisch – wird geladen, wenn die Seite geladen wird geladen Laden Sie das gesamte Video
Meta – laden Sie die Metadaten nur
, wenn die Seite geladen wirdnone - 当页面加载后不载入视频
* src 视频地址 要播放的视频的 URL,建议使用绝对地址。
width 像素值 设置视频播放器的宽度。


如何写兼容的视频标签?

由于旧的浏览器和Internet Explorer不支持39000f942b2545a5315c57fa3276f220元素,考虑到兼容性,我们必须为这些浏览器找到一个支持Flash文件的解决方案。不幸的是,和HTML 5音频一样,涉及到视频的文件格式,Firefox 和 Safari/Chrome 的支持方式并不相同。因此,如果你想在这个时候使用HTML 5视频,则需要创建三个视频版本。OGG,MP4,FLV/SWF

<video width="320" height="240" controls> 
<!-- 兼容 Firefox --> 
<source src="http://www.jb51.net/ movie.ogg" type="video/ogg" /> 
<!-- 兼容 Safari/Chrome--> 
<source src="http://www.jb51.net/ movie.mp4" type="video/mp4" /> 
<!-- 如果浏览器不支持video标签,则使用flash --> 
<embed src="http://www.jb51.net/ movie.swf" type="application/x-shockwave-flash" 
width="320" height="240" allowscriptaccess="always" allowfullscreen="true"></embed> 
</video>

【相关推荐】

1. 免费h5在线视频教程

2. HTML5 完整版手册

3. php.cn原创html5视频教程

4. H5 video标签只能放声音不能放视频的解决办法

5. IIS的MIME未注册MP4类型,导致无法识别vidoe标签的解决办法

Das obige ist der detaillierte Inhalt vonBeispielcode für die Verwendung von h5-Video-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn