亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

html5如何實現自動播放視頻?

html5如何實現自動播放視頻?

開滿天機 2018-09-10 10:06:50
html5如何實現自動播放視頻 
查看完整描述

2 回答

?
慕標琳琳

TA貢獻1830條經驗 獲得超9個贊

HTML5 是下一代的 HTML, 提供了展示視頻的標準,規定了一種通過 video 元素來包含視頻的標準方法。 

Video有以下的屬性。

autoplay    autoplay    如果出現該屬性,則視頻在就緒后馬上播放。    

controls     controls    如果出現該屬性,則向用戶顯示控件,比如播放按鈕。    

height        pixels    設置視頻播放器的高度。    

loop           loop    如果出現該屬性,則當媒介文件完成播放后再次開始播放。    

preload      preload    如果出現該屬性,則視頻在頁面加載時進行加載,并預備播放。

如果使用 "autoplay",則忽略該屬性。

src              url    要播放的視頻的 URL。    

width           pixels    設置視頻播放器的寬度。


查看完整回答
反對 回復 2018-09-18
?
狐的傳說

TA貢獻1804條經驗 獲得超3個贊

我們使用html5的video標簽,可以不依賴于任何第三方的插件或控件,直接在瀏覽器中實現視頻播放功能。

  1. 在了解了video標簽之后,下面我們就使用html5的video標簽來實現視頻播放。

  2. 現在,我們打開瀏覽器,看一看具體的效果:

  3. 為了更好地兼容各種瀏覽器,你可以為一個video標簽添加多個source子標簽,每個source標簽引用一個不同格式的視頻文件。這樣,html5瀏覽器會自動在這些source標簽中從上到下依次尋找并識別出該瀏覽器可以播放的第一個視頻文件并進行播放,從而實現兼容多個瀏覽器的視頻播放功能。

注:html5的video標簽目前只支持播放.mp4、.ogg、.webm等幾種格式的視頻文件,暫不支持其他格式的視頻文件。此外,不同的html5瀏覽器支持的視頻文件格式也略有不同,這種狀況可能會在未來的html5中得以改善。


查看完整回答
反對 回復 2018-09-18
  • 2 回答
  • 0 關注
  • 5976 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號