鍍金池/ 問(wèn)答/HTML5  HTML/ video 如何實(shí)現(xiàn)手機(jī)端自動(dòng)播放

video 如何實(shí)現(xiàn)手機(jī)端自動(dòng)播放

1.關(guān)于手機(jī)端不能自動(dòng)播放視頻的問(wèn)題 autoplay 無(wú)效
2.在網(wǎng)上找到一個(gè)可自動(dòng)播放的網(wǎng)址 附上https://houseparty.com/
自己研究了半天 還是不可行,整個(gè)網(wǎng)站都扒下來(lái)過(guò)了....
求助大神~~

回答
編輯回答
別硬撐

ios瀏覽器和chrome都默認(rèn)禁用自動(dòng)播放,原因是浪費(fèi)用戶(hù)流量。
你可以在body監(jiān)聽(tīng)touchstart然后播放

2017年12月5日 16:37
編輯回答
艷骨

先貼一個(gè) Google 關(guān)于 autoplay 方面的 policy

https://developers.google.com...

正常情況下在 video 標(biāo)簽添加 autoplay 屬性就可以直接做到了。

這是目標(biāo)網(wǎng)站上面的代碼:

<video autoplay="" playsinline="" loop="" muted="" poster="/assets/video/video.jpg" id="video">
  <source src="/assets/video/video.mp4" type="video/mp4">
</video>

autoplay 失效的話,題主給個(gè)具體的系統(tǒng)版本和關(guān)鍵代碼,如果是已經(jīng)在政策內(nèi)的情況,估計(jì)也沒(méi)的繞了,只能添加事件,調(diào)用 .play() 方法。

2018年3月20日 04:16
編輯回答
淚染裳

據(jù)我之前經(jīng)驗(yàn),移動(dòng)端必須要有用戶(hù)交互才能播放的。
你可以監(jiān)聽(tīng)touchstart事件,觸摸屏幕后應(yīng)該就可以播放了。

2018年3月4日 00:13
編輯回答
只愛(ài)你

早期的ios和android都必須要有用戶(hù)手勢(shì)(user gesture)video標(biāo)簽才可以播放。
ios從版本10開(kāi)始修改了video的規(guī)則,蘋(píng)果放寬了inline和autoplay,所以你的設(shè)備必須升級(jí)到ios 10以上才可以。鏈接描述
android在chrome 53版本之后支持了autoplay。鏈接描述

所以如果滿足以上條件,你就可以在video標(biāo)簽上添加autoplay屬性來(lái)支持自動(dòng)播放

在此之前autoplay是被禁止的。

以上只針對(duì)ios內(nèi)置的safari和android的chrome有效,其他app內(nèi)置的browser不確認(rèn)有效。

2017年11月29日 18:24
編輯回答
護(hù)她命

請(qǐng)問(wèn)題主最后解決了嗎?我也遇到這個(gè)問(wèn)題了

2018年4月6日 09:25
編輯回答
深記你
document.getElementById('video').play()
2018年4月12日 10:51