h5移动端，video可以实现自动播放

[lingzidai2371]

h5移动端（安卓和ios），video可以实现自动播放,autoplay不行，求源码，谢谢

[天际的海浪]

移动端的浏览器为了避免浪费用户的网络流量，默认是不允许媒体文件自动播放的。 用代码是无法解决。除非用户自己对浏览器进行设置。

[lingzidai2371]

可以加个触发事件去实现吗

[天际的海浪]

引用 2 楼 lingzidai2371 的回复:

可以加个触发事件去实现吗

可以，但只能是click事件

[lingzidai2371]

可以贴下源码吗？点击一个按钮，就可以弹窗自动播放视频

[天际的海浪]

<video id="videoid" src="xxxxxxxxxxxxx"></video>
<input type="button" value="播放" onclick="play();" />
<script type="text/javascript">
function play() {
	document.getElementById("videoid").play();
}
</script>

[lingzidai2371]

这种方法不行欸，在移动端安卓手机上不能自动播放

[lingzidai2371]

$(".arrow-curcle").click(function(){ /*播放器判断是安卓还是ios*/ if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS /* alert("ios")*/ $(".arrow-curcle").hide(); $("#myvideo").play(); /*ios自动播放*/ $('.arrow-curcle').bind("myvideo", function(){ if ("wView" in window) { window.wView.allowsInlineMediaPlayback = "YES"; window.wView.mediaPlaybackRequiresUserAction = "No"; } }); $(this).trigger("myvideo"); } else if (/(Android)/i.test(navigator.userAgent)) { //判断Android /* alert("Android")*/ $(".vd").show(); $('.arrow-curcle').bind('play',function () { var Media= $("#vdAndroid"); Media.click(function() { event.preventDefault(); Media[0].play(); }); }) ; $(".arrow-curcle").trigger('play'); } else { }; }); 我用的种方法也不行

[灿尔哈擦苏]

//音频，写法一 <audio src="http://blog.163.com/lzyi_117/music/bg.mp3" autoplay loop controls>你的浏览器还不支持哦</audio> //音频，写法二 <audio controls="controls"> <source src="http://blog.163.com/lzyi_117/music/bg.ogg" type="audio/ogg"></source> <source src="http://blog.163.com/lzyi_117/music/bg.mp3" type="audio/mpeg"></source> 优先播放音乐bg.ogg，不支持在播放bg.mp3 </audio> //JS绑定自动播放（操作window时，播放音乐） $(window).one('touchstart', function(){ music.play(); }) //微信下兼容处理 document.addEventListener("WeixinJSBridgeReady", function () { music.play(); }, false);

[业余草]

www.xttblog.com
www.codedq.net

业余草
CODE大全
自己找找，视频播放器有好多款！

[carson1978]

使用最新版的QQ浏览器（qqbrowser_8.7.0.4340_20820）可以实现自动播放视频功能