为了账号安全,请及时绑定邮箱和手机立即绑定

html5 video 在網頁上如何自動播放且適用所有瀏覽器和裝置?

html5 video 在網頁上如何自動播放且適用所有瀏覽器和裝置?

杨__羊羊 2018-08-23 15:53:17
html5 video 在網頁上如何自動播放且適用所有瀏覽器和裝置?
查看完整描述

3 回答

?
不负相思意

TA贡献1777条经验 获得超10个赞

<video playsinline autoplay controls muted>
 <source src="xxx"></video>

我發現在macOS版谷歌瀏覽器可以,但是RWD谷歌瀏覽器竟然不行
safari也可以,RWD的safari可以
RWD就是我有設定 @media screen and (max-width: 1100px){ 以下就是RWD
很怪,代碼都是一樣的,但是谷歌RWD竟然不行

還沒試過ios的谷歌和safari
和android內建瀏覽器和谷歌瀏覽器

有大神知道適用所有瀏覽器和裝置的代碼嗎?需要添加什麼js代碼輔助?


查看完整回答
反对 回复 2018-08-26
?
森林海

TA贡献2011条经验 获得超2个赞

当video的尺寸小于一定的尺寸时,在用户发生交互前,现代浏览器会禁止video的play,如果需要播放的话,可以添加muted属性,使其静音。

查看完整回答
反对 回复 2018-08-26
  • 3 回答
  • 0 关注
  • 757 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信