可以实现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,否则打开页面需要手动触摸播放
网友回复
js如何流式输出ai的回答并折叠代码块,点击代码块右侧可预览代码?
ai大模型如何将文章转换成可视化一目了然的图片流程图图表?
大模型生成html版本的ui原型图和ppt演示文档的系统提示词怎么写?
rtsp视频直播流如何转换成websocket流在h5页面上观看?
为啥coze会开源工作流agent coze studio?
如何检测网页是通过收藏夹打开的?
python如何实现类似php的http动态脚本请求处理响应代码?
js如何实现类似php的http动态脚本请求处理响应代码?
trae与solo有啥区别不同?
vue如何让ai动态生成问卷调查多步骤表单式收集基础信息自动规划执行任务?