關於H5中的video標籤的用法總結

2021-08-28 14:03:53 字數 1814 閱讀 5321

video標籤的使用

(1) src屬性和poster屬性

<videowidth="658" height="444" src="" poster="" autoplay="autoplay">

(2) preload屬性

<videowidth="658" height="444" src="" poster="" autoplay="autoplay" preload="none">

auto:全部預載入。

(3) autoplay屬性

<videowidth="658" height="444" src="" poster="" autoplay="autoplay" preload="none">

(4) loop屬性

<videowidth="658" height="444" src="" poster="" autoplay="autoplay" loop="loop">

(5) controls屬性

<videowidth="658" height="444" src="" poster="" autoplay="autoplay" preload="none" controls="controls">

(6) width屬性和height屬性

屬於標籤的通用屬性了,這個不用多說。

(7) source標籤

<videowidth="658" height="444" poster="" autoplay="autoplay" preload="none" controls="controls"><sourcesrc="" /><sourcesrc="" />

此標籤包含src、type、media三個屬性。

type屬性:用於說明src屬性指定**的型別,幫助瀏覽器在獲取**前判斷是否支援此類別的**格式。

media屬性:用於說明**在何種媒介中使用,不設定時預設值為all,表示支援所有媒介。你想到標籤的media屬性了麼?一樣一樣一樣的。

(8) 乙個完整的例子

<videowidth="658" height="444" poster="" autoplay="autoplay" preload="none" controls="controls"><sourcesrc="" /><sourcesrc="" />

如果設定了 autoplay 屬性,則忽略該屬性。

preload 屬性是 html 5 中的新屬性。

屬性值值描述

load

可能的值:

meta - 當頁面載入後只載入元資料

function video_loading( $video )

}, 100)

}

完美解決黑屏和有聲音沒影象的問題。

看起來比較雜亂,時間匆忙記錄

h5的video標籤的用法及問題

video標籤在相容性上還是比較差的,如果要在頁面中使用video標籤,需要考慮三種情況,支援ogg theora或者vp8的 opera mozilla chrome 支援h.264的 safari ie 9 chrome 都不支援的 ie6 7 8 但是由於h5在移動裝置上展現,基本都是使用we...

HTML 關於h5中的textarea標籤

textarea定義乙個多行文字框。屬性列表 name 指定多行文字框的名稱。此項必不可少。rows 用於指定文字框的可顯示的行數,例rows 5,表示可顯示5行。超過5行,則需要拖動滾動條來瀏覽。文字框的高度就是通過這個來設定的。cols 用於指定一行中可容納下的位元組數,例如cols 40,表示...

H5中的布局標籤

h5中的布局標籤 1.html是具有語義化的語言,針對頁面的布局,有一類標籤代表各種意義的 布局盒子 2.所有的布局標籤都主要是用來構建頁面的內容區域,是雙標籤型別,預設顯示為塊狀元素 3.標籤 布局 盒子 4.html5新增的常用的布局標籤 頁面 區域頭部 頁面 區域底部 導航 文件中的章節,區段...