可以实现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如何在浏览器中将webm视频的声音分离为单独音频?
微信小程序如何播放第三方域名url的mp4视频?
ai多模态大模型能实时识别视频中的手语为文字吗?
如何远程调试别人的chrome浏览器获取调试信息?
为啥js打开新网页window.open设置窗口宽高无效?
浏览器中js的navigator.mediaDevices.getDisplayMedia屏幕录像无法录制SpeechSynthesisUtterance产生的说话声音?
js中mediaRecorder如何录制window.speechSynthesis声音音频并下载?
python如何直接获取抖音短视频的音频文件url?
js在浏览器中如何使用MediaStream与MediaRecorder实现声音音频多轨道混流?