在 web 开发中，如何在 iPhone/iPad 上实现自动播放视频是一个比较棘手的问题。通常情况下，在这些设备上自动播放视频是被浏览器禁止的，而且用户也不能手动播放视频，除非他们进行了交互并启用了自动播放。为了解决这个问题，@zouloux/iphone-inline-video 这个 npm 包应运而生，它提供了一种在移动设备上实现视频自动播放的解决方案。
安装
您可以使用 npm 包管理器安装 @zouloux/iphone-inline-video：
npm install @zouloux/iphone-inline-video
安装完成后，您需要在您的项目中引入该库：
import { InlineVideo } from '@zouloux/iphone-inline-video';使用
基本用法
要在您的网页上添加自动播放的视频，您需要为装有视频的元素加上特定的 CSS 类。这个类必须为：
.inline-video-container：容器元素的类。.inline-video：包含视频的元素的类。
<div class="inline-video-container"> <div class="inline > 来源：[JavaScript中文网](https://www.javascriptcn.com/post/6005737f81e8991b448e972a) ，转载请注明来源 [https://www.javascriptcn.com/post/6005737f81e8991b448e972a](https://www.javascriptcn.com/post/6005737f81e8991b448e972a)