video uni-app h5 无法内联播放会自动全屏问题

最新推荐文章于 2024-07-31 09:27:51 发布

sani_x

最新推荐文章于 2024-07-31 09:27:51 发布

阅读量662

点赞数 1

分类专栏： vue javaScript uniapp 文章标签： javascript vue.js html5 前端

本文链接：https://blog.csdn.net/qq_37403179/article/details/115380532

版权

javaScript 同时被 3 个专栏收录

20 篇文章 0 订阅

订阅专栏

vue

16 篇文章 0 订阅

订阅专栏

uniapp

12 篇文章 0 订阅

订阅专栏

可以直接使用 playsinline属性来限制，

webkit-playsinline="true" 属性针对iOS

x5-playsinline="true" 属性针对微信

<video id="myVideo" :src="videoUrl||''" object-fit='fill' enable-progress-gesture=false @timeupdate='timeUpdate'
				 @ended='Ended' 
				 :autoplay='autoplay'
				 :poster="imgpic"
				 x5-playsinline="true"
				 playsinline="true"
				 webkit-playsinline="true"
				 initial-time="initial_time" style="width: 100%; height: 350upx;position: relative;z-index: 1;"></video>