解决
当在移动设备上使用
1. 代码示例
以下为问题中提供的代码示例:
<video autoplay width="800px" style="pointer-events: none;" muted ref="video" playsinline="true" x-webkit-AIrplay="true" x5-playsinline="true" webkit-playsinline="true" x5-video-player-type="h5"><source src="./YourCroppedMovice.mp4" type="video/mp4"></source></video>
登录后复制
2. 解决方案
调研发现,可以通过 canvas 进行视频播放来绕过浏览器的限制。但是,这个方案也有一定的缺点:
- 受支持的系统较少
- 可能会出现卡顿
对于某些场景,这种方案仍然是一种可行的选择。
3.无效方案
文章中提到了尝试过的无效方案,包括:
- 通过 css 处理
- 添加蒙层
这些方案不适用于移动浏览器。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
【小浪云服务商 - 服务器12元起 - 挂机宝5元起】
THE END
暂无评论内容