关闭边栏(ESC)打开边栏(ESC)
这些天在弄视频作为背景效果时,发现了这个问题,以往没做过这种效果,还是没知道部分浏览是不会自动播放视频的。
在chrome中,就算加了autoplay
,视频也是不能自动播放的。得设置静音:muted
然后在添加一个控制声音的按钮,只要有交互,都能把:muted=false
或者只要网页有交互后,再播放视频时,就能自动播放+音频输出了,比如网页上有点击动作后
火狐、Edge倒是可以自动播放并输出音频
视频作背景,目前在移动端还没找到解决办法,一全屏视频层就置顶,内容层无法显示。
支付宝支付
微信支付
打赏

版权声明:本站原创文章,于2019-01-12,由Icss.me发表
转载请注明:chrome浏览器不能自动播放视频的一些记录 | 爱CSS
相关推荐
-
昨天在看CSS进阶教程时,学习色彩的六种方法,其中hsl有了新的认识,之前也有运用过,不过还不…
-
本站的文章归档参考了511yj.com中的一篇文章修改而来。以下是实施的步骤: 一、把以下代码保…
-
今晚在处理新的首页时,想法是这样,第一个卡片应用一个视频文件作为背景,但发现无法铺满窗口…
-
美国前100大网站的Logo,主要使用12种颜色。其中,采用蓝色的网站最多,红色排在第二种,黄色排…
-
今晚一个黑友问起了这个效果,其实这个也是昨晚临时兴起弄的一个效果,只是把原来的侧边栏改了…
-
制作手机端菜单效果的时候,重新优化了搜索框,但发现手机端不能输入内容,真是一波三折呀,有…