4.5使用多種來(lái)源的多媒體和備用我文本<source> HTML
由于不同的瀏覽器對(duì)HTML5的支持各不相同,要獲得所有兼容HTML5的瀏覽器的支持,至少需要提供兩種格式以上的視頻和音頻。如何做到呢?這時(shí)就要用到HTML5的<source>元素了。通常,<source>元素用于定義一個(gè)以上的媒體元素。
<source>元素可以鏈接不同的媒體文件,例如視頻文件和音頻文件等。<source>元素常用的屬性如下表所示。<video>或者<audio>元素中可以指定多個(gè)<source>元素,瀏覽器按<source>標(biāo)記的順序檢測(cè)指定的視頻是否能夠播放(可能是視頻格式不支持、視頻不存在等),如果不能播放,換下一個(gè),此方法多用于兼容不同的瀏覽器。
屬性 屬性值 描述
src url 設(shè)置要播放視頻的URL(不能缺?。?/p>
type video/mp4、video/webm、 用于指定視頻的類型,幫助瀏覽器決定是否能播放該視頻
video/ogg
media media query 用于為視頻來(lái)源指定CSS3媒體查詢,從而可以為具有不同屏幕尺寸的設(shè)備 指定不同的(如更小的)視頻
點(diǎn)擊加載更多評(píng)論>>