可以实现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,否则打开页面需要手动触摸播放
网友回复
- threejs如何做个三维搭积木的游戏?
- three如何实现标记多个起始路过地点位置后选择旅行工具(飞机汽车高铁等),最后三维模拟行驶动画导出mp4?
- ai实时驱动的3d数字人可视频聊天的开源技术有吗
- swoole+phpfpm如何实现不同域名指向不同目录的多租户模式?
- 如何用go替换nginx实现请求phpfpm解析运行php脚本?
- 有没有浏览器离线运行进行各种文档、图片、视频格式转换的开源工具?
- 如何使用go语言搭建一个web防火墙?
- linux如何检测特定网络协议比如http协议中报文是否包含特点关键词并阻止返回给客户?
- 如果在nginx外过滤包含某些关键词的网页并阻止打开?
- 程序员怎么做副业赚钱?



 
				 
			 
			 
				 
			