LOGO logo

需求 开发 交付;每一步修改到满意后在付款。

下载到桌面 免费获取解决方案
当前位置: 网站建设/ 微信公众号开发/ 微信公众号开发中video视频标签自动播放并且禁止自动全屏

微信公众号开发中video视频标签自动播放并且禁止自动全屏

日期:2021-05-27 15:16 浏览量:4903

前两天接了一个微信公众号开发一套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>


热门文章
友情链接