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

次世代の 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 で表示されます。