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

最新推荐文章于 2024-08-25 08:53:59 发布

Q.I

最新推荐文章于 2024-08-25 08:53:59 发布

阅读量5.3k

点赞数 5

分类专栏： html 文章标签： html

原文链接：https://blog.csdn.net/qq_39292868/article/details/81391069

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在video标签中我们经常会用到autoplay，自动播放，然而在我以为这个功能已经实现的时候，结果竟然是没有实现。后来通过查阅大佬 Lear_博客的资料得到答案，需要加一个 muted="src" 才可以实现。

因为大佬给出的答案有点不符合规范，所以我重新发出一个正确的答案

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Q.I

关注关注

5
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

HTML5视频自动播放拦截器「HTML5 Video Autoplay Blocker」-crx插件

03-15

https://github.com/Eloston/disable-html5-autoplay/wiki链接：GitHub页面：https://github.com/Eloston/disable-html5-自动播放变更日志：https://github.com/Eloston/disable-html5-autoplay/releases问题跟踪器...

HTML--video中的自动播放autoplay以及循环播放loop+更多多媒体标签

热门推荐

weixin_45406850的博客

02-17

4万+

问题：视频设置自动播放，页面加载完成时正常播放，但刷新页面后不播放，循环播放失效。 自动播放以及循环播放的代码 <video muted autoplay="autoplay" loop="loop"> <source src="image/01.mp4" type="video/mp4"></source> </video>  <!--autoplay：

参与评论您还未登录，请先登录后发表或查看评论

autoplay自动播放失败

m0_68883025的博客

08-25

396

在html页面使用audio标签，给它设置了autoplay属性自动播放音频失败，发现写入的autoplay 没有效果；按照描述是因为chrome为了改善用户体验，最大限度降低网络上的数据消耗，或者减少对用户的骚扰,禁用了自动播放有声音频和视频。

Html5视频播放之 video标签 autoplay="autoplay"设置无法自动播放视频

静若清池，动如涟漪_

09-22

8009

在标签中，在autoplay的基础上，添加一个属性muted即可 <video controls="controls" autoplay="autoplay" width="500" height="400" muted loop="loop"> <source src="video/video-h264.mp4" type="video/mp4" /&gt...

HTML 中 Video无法自动播放的问题

weixin_46673847的博客

11-26

1036

在页面进行初始化的时候，可能会遇到浏览器禁止自动播放的问题，解决方案是在Edge://flags/中禁用自动播放限制就行。

关于html 中video标签视频不自动播放的问题

burning Life 明之博客

09-13

2万+

今天做一个登陆页面的时候，背景放一个视频循环自动播放 于是我在video标签上添加了属性 autoplay="autoplay" loop="loop" 然而通过地址栏进去的时候，视频并没有自动播放，按一下F5才会自动播放 最后，找资料发现，添加 muted 属性，就可以通过地址栏进入网页的时候自动播放了 oh year!...

html5 video全屏播放/自动播放的实现示例

01-21

近期开始开发公司新版官网，首页顶部（header）是一个全屏播放的小视频, ...video id=homeVideo class=home-video autoplay loop muted poster=res/video/cover.jpg> <source src=res/video/home_video.mp4 ty

解决video标签在安卓webview下无法自动播放问题

09-04

在Android平台上，Web开发人员经常会遇到一个问题，那就是`<video>`标签在WebView中无法自动播放。这主要是由于Android系统的安全性和用户体验考虑，防止媒体内容在未经用户交互的情况下自动播放，可能会消耗流量或...

video标签无法自动播放

qq_44304221的博客

07-21

906

video自动播放 在弄video的时候，发现加了autoplay无法自动播放，查了查解决方法，发现只要加个muted就可以解决这个问题。具体实现如下： <video src="" muted autoplay></video> muted的用处就是让视频静音播放，如果一定要有声音的自动播放那就没得办法了。 ...

关于video不能自动播放的问题解决

weixin_47159518的博客

10-11

1986

第一种：用户触发播放：在页面上添加一个明显的播放按钮，引导用户主动点击，或者用户滑动，点击其他元素的时候触发视频播放。这种方法还是要求先有用户操作，如果你的项目需要完全脱离用户操作的自动播放，请参考下面两种方案。当用户手动点击元素时，浏览器会触发真实的鼠标点击事件，并将事件流信息（如鼠标位置等）传递给事件处理程序。方法来模拟点击时，事件是通过代码触发的，并没有真实的鼠标点击发生，也无法传递事件流信息。第二种：通过切换图片模拟视频播放，通过连续修改图片src，视觉上给用户一种播放视频的错觉。

android webview html5 video autoplay

11-02

android webview html5 video autoplay

video标签不能自动播放的原因

weixin_39031037的博客

04-03

1741

有的浏览器不允许非静音自动播放，如谷歌浏览器，所以要加上muted属性，才会自动播放文章来源地址https://www.yii666.com/blog/327801.html。未加autoplay属性，或者autoplay属性为false。复习一下video标签重要的属性吧~

使用html5 video标签不自动播放视频问题（静音播放）

zcc的博客

12-15

1万+

谷歌浏览器使用html5 video标签播放视频，已经加上属性 autoplay="autoplay" 却不自动播放，需要加上muted 静音才可以自动播放。 <video id="myvideo" controls width="270" autoplay="autoplay" muted> <source src="m1.mp4" type='video/mp4'> </video> ...

HTML 踩坑笔记: video 标签 autoplay 属性失效(Error: Uncaught (in promise) DOMException: play() failed)

超悠閒的博客

01-23

1万+

HTML 踩坑笔记: video 标签 autoplay 属性失效(Error: Uncaught (in promise) DOMException: play() failed) 文章目录HTML 踩坑笔记: video 标签 autoplay 属性失效(Error: Uncaught (in promise) DOMException: play() failed)0. 项目背景1. 问题描述尝试: 主动调用 play 方法（失败）2. 解决方案2.1 解决方案 1: 静音2.2 解决方案 2: 监听

html5中对video设置了autoplay在PC端不能自动播放，移动端也不行，解决方法

weixin_42178670的博客

04-28

1739

pc端解决办法：加上muted属性，pc端即可正常播放移动端解决方法：移动端本身是不能自动播放的，可以设置用户有交互动作（并不局限于点击播放视频）之后自动播放（audio的操作方法同理于video） let video = document.getElementsByTagName("video") // 只要找到video元素即可 // 如果有多个视频,执行for这个代码 for(let v of video){ v.play() } // 如果只有一个视频，执行下面一行代码 video[0].

学习笔记——HTML使用video标签设置了autopla属性，但视频没有自动播放

qq_41339126的博客

05-11

819

在使用HTML中的video标签时，设置好了autoplay属性，但是缺没有自动播放。 1.解决： muted：返回音频/视频是否应该被静音（关闭声音）需要同时设置muted和autoplay属性。 2.代码： <video autoplay loop muted> <source src="视频地址" type="video/mp4"> </video> ...

loop="loop" autoplay="autoplay" autoplay muted loop