视频在 safri 页面不能自动播放的原因:
因为ios中明确的指出等待用户的交互动作后才能播放video,也就是说没有得到用户的action就播放的话会被safri拦截
解决方法如下:
因为这个是微信的链接,需要在微信上点开进入他的浏览器,这里需要一个插件
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript" charset="utf-8"></script>
然后我们以id为video的video标签来写
document.addEventListener("WeixinJSBridgeReady",function() { document.getElementById('video').play(); }, false);
上面代码说的是对微信准备就绪时的一个内置API进行监听来触发事件,让这个video标签进行play()播放。
视频在苹果手机内嵌播放,不会弹出视频窗口
<video name="media" preload="none" x5-playsinline="true" playsinline="true" webkit-playsinline="true" poster="./static/img/delivery-slam2-lg.jpg" muted="muted" src="https://...mp4" class="video-sm"> <source data-layzr-src="https://...mp4" type="video/mp4"> </video>
其中 核心代码
x5-playsinline="true" playsinline="true" webkit-playsinline="true"