8.2日訊,詳解HTML5新增的多媒體標簽,今天邯鄲網絡公司首創網絡給大家主要講解下video和audio兩個主要標簽的用法,歡迎大家瀏覽:
首先說下視頻標簽video,當前<video>元素支持三種視頻格式:盡量使用MP4格式,目前各大瀏覽器均已支持。
autoplay/autoplay/視頻就緒自動播放(谷歌瀏覽器需添加muted來解決自動播放問題)
controls/controls/向用戶顯示播放控件
width/pixels(像素)/設置播放器寬度
height/pixels(像素)/播放器高度
loop/loop/循環播放
src/url/視頻url地址
poster/imageurl加載等待的話面圖片
muted/muted/靜音播放
音頻<audio>
autoplay/autoplay自動播放
controls/controls向用戶顯示播放控件
loop/loop循環播放
src/url視頻url地址
muted/muted靜音播放
多媒體標簽總結
音頻標簽和視頻標簽使用方式基本一致
瀏覽器支持情況不同
谷歌瀏覽器把音頻和視頻自動播放禁止了
我們可以給視頻標簽加muted屬性來靜音播放視頻,音頻不可以(可以通過JavaScript來解決)
視頻標簽是重點,我們經常設置自動播放,不適用conrols控件,循環和設置大小屬性
首創網絡成立于2012年,是一家專業的品牌網站設計和網絡營銷推廣公司,服務領域涵蓋網站設計、市場策劃、企業畫冊及VI視覺設計、網站域名空間等領域,公司擁有一批高素質人才,著力打造品牌網站設計制作和網上營銷策略執行兩大優勢。
九年來,憑借對市場趨勢敏銳的洞察,和對消費者、企業形態深刻的理解,我們服務的已遍及京津冀、長三角、珠三角等領域,行業覆蓋政府機構、企事業單位、無線通訊、環保、電子、醫藥、交通、園林、地產等行業,諸多知名企業,如廣州京信集團、廣東聯通廣州分公司、搜狐家居廣州站、搜狐家居邯鄲站等,都鑒證了首創設計公司的品牌設計思想與能力,首創設計公司也與諸多企業勃的市場經濟中互促共生。