Chrome，firefox解除阻止视频自动播放

Firefox 66 将阻止自动播放音频和视频

PingWest品玩2月5日报道，从发布适用于桌面的 Firefox 66 和 Firefox for Android 开始，Firefox 将默认阻止音频和视频的自动播放。

除非网页通过 HTMLMediaElement API 与用户进行交互以播放音频，例如用户点击「播放」按钮。当然，Firefox 也支持静音自动播放，只需将 HTMLMediaElement 的“muted”属性设置为 true，即可启用自动播放功能

问题场景：
　　chrome中打开时，video标签都不能自动播放, 添加 autoplay属性不起作用

一、方案一

在video标签中添加muted属性，亲测有效

<video muted src="xxx"  autoplay  loop></video>
     原理就是大多数浏览器在都支持静音的视频播放，如果你的视频需要有声音，或者要用音频，这个还是不能解决问题，而且不是太稳定。。。
二、方案二
    修改浏览器默认配置，只适合本地展示，或大屏展示用
    在浏览器地址栏 输入   chrome://flags/#autoplay-policy

　找到“Autoplay policy”， 修改后面状态为“NO user gesture is required“，重启浏览器就好了

原文地址：https://www.cnblogs.com/xiaojinniu425/p/11232425.html

时间： 2024-10-08 08:09:47

Chrome，firefox解除阻止视频自动播放的相关文章

chrome如何设置视频自动播放

在网页中我们往往要一段小视频自动播放,但谷歌浏览器把自动播放功能给禁用了,解决方法就是给video标签增加一个muted属性: <video muted="muted" loop="loop" autoplay> <source src="video.mp4" type="video/mp4" /> </video> 原文地址:https://www.cnblogs.com/arduka/p

视频自动播放的几种方法

在网页上添加视频往往不能自动播放,如何实现视频的自动播放这是许多朋友想解决的问题.经过收集和研究,找到几种视频实现自动播放的方法,供大家参考.学习.使用! 视频添加到网页中的通用代码: <EMBED src=视频的SWF地址 width=500 height=400  wmode="transparent" invokeURLs="false" quality="high" allowScriptAccess="never&quo

WebView中音视频自动播放与退出时停止播放

背景: 项目需求是进入页面自动播放音频或者视频(非本地资源),页面关闭时音频或视频关闭.现在实现情况是:自动播放功能在有些手机上可以自动播放并有声音,有的手机上也播放但没有声音,当用户点击或者产生触发条件下才会有声音:退出关闭当前Activity,音频或视频并没有关闭,还在播放. 解决方法: 1.Activity退出时关闭音频或视频 重写Activity的onDestroy()方法,在方法里添加webView.destroy()方法. @Override protected void onDes

解决手机微信浏览器视频自动播放和默认全屏问题

1.早期因为带宽和流量的因素,移动端浏览器禁止视频自动播放,现在现在流量便宜了.手机硬件越来越好了,部分可支持了2.在移动端浏览器, video 在用户点击播放或者通过API video.play() 触发播放时,会强制以全屏置顶的形式进行播放,设计的初衷可能是因为全屏能提供更好的用户体验 <video controls="controls" src="" id="ckplayer_a1" x5-video-player-type=&quo

Chrome浏览器视频自动播放报Uncaught（in promise）DOMException

先看代码 用jquery 实现视频的自动播放 $(function () { var vList = ['video/zykj.mp4']; // 初始化播放列表 var vLen = vList.length; // 播放列表的长度 var curr = 0; // 当前播放的视频 var video = document.getElementById("myvideo"); video.addEventListener('ended', play1);//监听 play1(); f

新版微信h5视频自动播放

微信最近升级了新版本,直播视频不能自动播放,经过了一番探索,发现下列方法可以实现自动播放. if (typeof WeixinJSBridge == "undefined") { document.addEventListener("WeixinJSBridgeReady", function() { setTimeout(function(){ player.play();//调用h5播放器自动播放的方法,我们使用的是video.js播放器. },500); },

html视频自动播放

音频<audio src="img\music.ogg" controls="controls"></audio > 文件路径 播放控件 开始暂停和音量控制 视频<video src="./img//vedio.mp4"controls="controls">不支持</video> 文件路径 播放控件 开始暂停和音量控制<video controls="contr

h5中嵌入视频自动播放的问题

在H5页面中嵌入视频的情况是比较多件的,有时候会碰到需要自动播放的情况,之前根本觉得这不是问题,但是自己的项目中需要视频的时候就有点sb了,达不到老板的要求,那个急呀~~~ 好在之前看过公司前辈的项目,正好用到了视频,并且可以自动播放,爽!!! 赶紧copy过来,记录一下.这里主要监听了canplaythrough事件,然后自己去让视频play(),在这个过程中还发现,ios和安卓不一样,安卓上需要设置muted才能自动播放,ios没这个限制,还有就是有时候视频也可能有问题,导致不能自动播放,之

手机端 video 视频自动播放方法

//创建一个video标签 var __video = $("#video").appendTo('.i-i-video'); //设置视频文件地址 __video.attr('src',"http://vd3.bdstatic.com/mda-jjuinqnj6b758kdq/sc/mda-jjuinqnj6b758kdq.mp4"); //创建临时使用的a标签 var __tmpA = __tmpA || $("#goDetail").app