HTML5 video autoplay="autoplay" 无法自动播放的问题

摘要:
我一直认为在视频中添加自动播放属性后自动播放视频是可以的。然而,在开发一个使用视频的小项目时,我发现设置自动播放属性并不容易。只有在控制模式下单击播放按钮,才能播放视频。

以前一直觉得video 添加 autoplay属性后,视频会自动播放没有问题,然而这次开发一个小项目用到video时才发现,设置autoplay属性不好使了,只有在controls的模式下点击播放按钮才可以播放。

最后翻了很多资料说video标签中添加muted属性,亲测有效,代码:

<video muted src="http://t.zoukankan.com/xqschool-p-14845627.html" autoplay loop></video>

免责声明:文章转载自《HTML5 video autoplay="autoplay" 无法自动播放的问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇解决比较Oracle中CLOB字段问题Thinkphp图片水印和文字水印下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

h5-audio/video标签

音频/视频 基础用法 属性 事件 audio元素和video元素 <audio src="http://t.zoukankan.com/成都.mp3"></audio> <video src="http://t.zoukankan.com/成都.mp4"></video> 一些属性 1、autoplay 自动...

HTML5 Audio/Video 标签,属性,方法,事件汇总 (转)

标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条 1 http://www.abc.com/test.mp3"controls> 标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循...

使用Audio API设计绚丽的HTML5音乐播放器

HTML5有两个很炫的元素,就是Audio和Video,可以用他们在页面上创建音频播放器和视频播放器,制作一些效果很不错的应用。 无论是视屏还是音频,都是一个容器文件,包含了一些音频轨道,视频轨道和一些元数据,这些是和你的视频或者音频控件绑定到一块的,这样才形成了一个完整的播放组件。 浏览器支持情况: 浏览器 支持情况 编解码器 Chrome 3....

谷歌浏览器 html5的声音和视频不能自动播放处理

AI模型开发就选MindSpore!新特性、新工具上线!>>> 声音无法自动播放这个在IOS/Android上面一直是个惯例,桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能,紧接着在2018年4月份发布的Chrome 66也正式关掉了声音自动播放,也就是说<audio autopaly><...

添加网页背景音乐代码

隐藏播放控件 1 <audio autoplay="autoplay"> 2 <source src="http://39.108.70.41/uploads/曾经的你.mp3"type="audio/mpeg"> 3 </audio> 有控件 1 <audio autoplay="autoplay"con...

Django相关问题

遇到models模型变动后无法用migrations生成改动后的表通过以下几个方面实现1python manage.py makemigrations yourapp(你改变的app) 2python manage.py makemigrations 3python manage.py migrate pip没办法安装: 删除C:Python36Libsi...