日期:2021-05-27 15:16 浏览量:5317
前两天接了一个微信公众号开发一套H5活动项目,主要是后台上传各种视频、文章、文物,然后用户可以对这些视频等进行点赞,最后进行统计的出排名的一个小项目,但是在开发过程中,当用户打开详情页的时候,需要视频进行自动播放,本来是停简单的一个功能,但是在开发过程中视频虽然自动播放了,居然会自动全屏播放,这对用户体验来说就不是很友好,下面直接贴代码:
自动播放功能需要js实现,经过测试ios和安卓都是可以的
$(document).ready(function() { document.addEventListener("WeixinJSBridgeReady", function() { document.getElementById("video").play(); }, false); })
防止自动播放的时候视频自动全屏:
<video id="video" controls="controls" autoplay webkit-playsinline='true' playsinline='true'x-webkit-airplay='true' x5-video-player-type='h5' x5-video-player-fullscreen='true'x5-video-ignore-metadata='true' preload='auto'> <source src="i/47ebb5fd949ea023c763c809b9f946b3.mp4" type="video/mp4" /> </video>