在 web 开发中,如何在 iPhone/iPad 上实现自动播放视频是一个比较棘手的问题。通常情况下,在这些设备上自动播放视频是被浏览器禁止的,而且用户也不能手动播放视频,除非他们进行了交互并启用了自动播放。为了解决这个问题,@zouloux/iphone-inline-video 这个 npm 包应运而生,它提供了一种在移动设备上实现视频自动播放的解决方案。
安装
您可以使用 npm 包管理器安装 @zouloux/iphone-inline-video:
--- ------- ----------------------------
安装完成后,您需要在您的项目中引入该库:
------ - ----------- - ---- -------------------------------
使用
基本用法
要在您的网页上添加自动播放的视频,您需要为装有视频的元素加上特定的 CSS 类。这个类必须为:
.inline-video-container
:容器元素的类。.inline-video
:包含视频的元素的类。
---- ------------------------------- ---- ------------- ------------------------------------------------------------------------------ ---------- -----------------------------------------------------------------------------------------------------------------------------