Heim > Web-Frontend > H5-Tutorial > Hauptteil

Detaillierte Beschreibung neuer Funktionen wie HTML5-Audio-Audio und Video-Video_HTML5-Tutorial-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:50:43
Original
1483 Leute haben es durchsucht

Als Webstandard der nächsten Generation hat HTML5 den HTML5-Trend ausgelöst. Was HTML5 betrifft, habe ich es mir nur auf der Grundlage meines Verständnisses angesehen. Ich möchte nichts über HTML5 und RIA (Silverlight, Flash, JavaFx usw.) sagen, und es gibt nichts zu sagen. Es gibt einen Grund für seine Existenz. Welches besser oder schlechter ist, bleibt den Fakten und der Zeit überlassen, um es zu beweisen.

Einige neue Funktionen sind in HTML5 erschienen:
Canvas-Element-Video- und Audio-Element
Unterstützung für lokalen Offline-Speicher (localStorage, sessionStorage);
Neue spezielle Inhalte Elemente: Artikel, Fußzeile, Kopfzeile, Navigation, Abschnitt;
Neue Formularsteuerelemente: Kalender, Datum, Uhrzeit, E-Mail, URL, Suche.
Werfen wir heute einen Blick auf Video und Audio: Die Standardmethode für Video ist in HTML5 angegeben: Video

属性 描述
autoplay autoplay 如果出现该属性,则视频在就绪后马上播放。
controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height 像素 设置视频播放器的高度。
loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
preload preload

如果出现该属性,则视频在页面加载时进行加载,并预备播放。

如果使用 "autoplay",则忽略该属性。

src url视频地址 要播放的视频的 URL。
width 像素 设置视频播放器的宽度。

autobuffer

Autobuffer

(自动缓冲)

在网页显示时,该二进制属性表示是由用户代理(浏览器)自动缓冲的内容,还是由用户使用相关API进行内容缓冲

poster

url图片地址

 

当视频未响应或缓冲不足时,该属性值链接到一个图像。该图像将以一定比例被显示出来


In HTML5 wird der Audiostandard als Audioelement angegeben. Das Audioelement kann Sounddateien oder Audiostreams abspielen.
Das Audioformat ähnelt dem Video: direkt aus mehreren Quellen:

Code kopieren
Code wie folgt:

source src ="xx1.mp3" type="audio/mpeg">


Ihr Browser unterstützt es noch nicht
Seine Attribute sind weniger Höhe, Breite, Poster . Multimedia wird in unserer Entwicklung immer wichtiger und diese Videos und Audiodateien erscheinen in HTML5.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage