可以实现video的属性webkit-playsinline="true"与playsinline="true"
这个属性是ios 10中设置可以让视频在小窗内播放,即不全屏播放
IOS微信浏览器支持小窗内播放
video标签属性介绍
<video muted /*静音播放属性,微信环境中可删除*/ src="autoplay.mp4" /*资源地址*/ poster="images/poster.jpg" /*资源封面*/ preload="auto" /*是否自动播放*/ webkit-playsinline="true" /*这个属性是ios 10中设置可以让视频在小窗内播放,即不全屏播放*/ playsinline="true" /*IOS微信浏览器支持小窗内播放*/ x-webkit-airplay="allow" /*使此视频支持ios的AirPlay功能*/ x5-video-player-type="h5" /*启用H5播放器,是wechat安卓版特性*/ x5-video-player-fullscreen="true" /*全屏设置,设置为 true 是防止横屏*/> x5-video-orientation="portraint" /*播放器支付的方向,landscape横屏,portraint竖屏,默认值为竖屏*/ style="object-fit:fill"> /* 图片覆盖属性 object-fit: fill|contain|cover|scale-down|none|initial|inherit;*/> </video>如果要打开页面非全屏自动播放的话,就要让视频静音,muted,否则打开页面需要手动触摸播放
网友回复
阿里云ESA、cloudflare worker、腾讯云EdgeOne网站代理托管哪家更好?
剪映能打开.fcpxml格式的文件吗?
增量式编码器与绝对式编码器的区别是啥?
有没有开源的单张照片或者序列帧图片或视频就能重建4d场景动画项目?
chrome网页突然报错:错误代码:RESULT_CODE_KILLED_BAD_MESSAGE
openai的codex如何全程无需手动确认自动修改文件?
阿里云oss前端上传文件直传如何限制文件类型?
阿里云oss前端获取policy签名直传oss上传文件回调如何传?
如何将根据三维物体通过提示词变成可交互的4d场景动画?
浏览器中实时摄像头离线视觉ai模型有吗?


