下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家，也给大家做个参考。
今天做一个登陆页面的时候，网页里有个自动播放的视频背景，但是必须切换到一个视频时必须手动播放加了 autoplay="autoplay"也不行，视频并没有自动播放，按一下 F5 才会自动播放。最后，找资料发现，添加 muted 属性，也就是静音，就可以自动播放。
<vIDeo wIDth=100% height=100% controls autoplay muted>
<source src="vIDeo/7.Ogg" alt="Second slIDe" >
</vIDeo>
以上点 PC 桌面浏览器，HTML5 标签 audio 的 autoplay 属性可以设置在页面打开后自动播放。这个属性本来挺好的。但是最近做了一个项目却发现在 iphone 上无法自动播放。各种查阅资料后发现原来 iphone 公司是考虑到用户可能是用手机流量访问的情况，为了用户流量着想，所以需要用户交互后才能播放。虽然苹果公司是出于好心，但是如果网页打开之后还需要一个交互才能听到美妙的背景音乐，那么网站的体验效果自然差了很多。可是这种问题要怎么解决呢？冥思苦想了很久，终于做了一个艰难的决定。于是乎就这样尝试了一下：
$(function(){
$("#audio")[0].play();
})
没想到竟然好用！！！全部的代码是这样：
<HTML>
<head>
<script src="Js/jquery.Js"></script>
</head>
<body>
<audio ID="audio" src="song.mp3" autoplay="autoplay">
您的浏览器不支持audio标签。
</audio>
<script type="text/JavaScript">
$(function(){
$("#audio")[0].play();
})
</script>
</body>
</HTML>
这里需要注意的是.play()方法是 element 的方法，所以需要 dom 节点，亲测 iphone 可用。
以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
总结以上是内存溢出为你收集整理的HTML中加入视频不自动播放问题全部内容，希望文章能够帮你解决HTML中加入视频不自动播放问题所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）