ホームページ  >  記事  >  ウェブフロントエンド  >  html5 オーディオ、ビデオ、ビデオなどの新機能の詳細な説明_html5 チュートリアル スキル

html5 オーディオ、ビデオ、ビデオなどの新機能の詳細な説明_html5 チュートリアル スキル

WBOY
WBOYオリジナル
2016-05-16 15:50:431468ブラウズ

次世代の Web 標準として、html5 は html5 ブームを引き起こしました。 html5に関しては、私の理解に基づいて見てみました。 html5 や RIA (Silverlight、Flash、JavaFx など) については何も言いたくありませんが、その存在には理由があります。どちらが良いか悪いかは、事実と時間が証明するまでに委ねられています。

いくつかの新機能が html5 に追加されました:
canvas 要素のビデオ要素とオーディオ要素。
ローカル オフライン ストレージ (localStorage、sessionStorage) のサポート。要素: 記事、フッター、ヘッダー、ナビゲーション、セクション;
新しいフォーム コントロール: カレンダー、日付、時刻、電子メール、URL、検索。
今日はビデオとオーディオを見てみましょう: ビデオの標準メソッドは HTML5 で指定されています: video

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

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

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

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

autobuffer

Autobuffer

(自动缓冲)

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

poster

url图片地址

 

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

HTML5 では、オーディオ標準は audio 要素として指定され、サウンド ファイルまたはオーディオ ストリームを再生できます。

オーディオ形式はビデオに似ています: 複数のソースを直接指定します:

コードをコピーコードは次のとおりです。

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


お使いのブラウザはまだサポートしていません
その属性は高さ、幅、ポスターです。 。私たちの開発においてマルチメディアはますます重要になってきており、これらのビデオとオーディオは html5 で表示されます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。