ホームページ > 記事 > ウェブフロントエンド > 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图片地址 |
当视频未响应或缓冲不足时,该属性值链接到一个图像。该图像将以一定比例被显示出来 |