移动浏览器中如何隐藏 “ 标签的默认播放控制?

移动浏览器中如何隐藏 “ 标签的默认播放控制?

解决

当在移动设备上使用

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 处理
  • 添加蒙层

这些方案不适用于移动浏览器。

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容