没问题！在iPhone的Safari里实现视频在HTML页面内播放、不触发默认全屏播放器完全可行，核心就是给你的<video>标签添加几个iOS特定的属性，我帮你梳理清楚：

• 首先必须添加playsinline属性：这是iOS 10及以上版本支持的标准属性，明确告诉浏览器视频要在当前页面的容器内播放，不要自动跳转到全屏播放器。
• 为了兼容更早的iOS版本，可以额外加上webkit-playsinline前缀属性，确保覆盖更多场景。

另外要注意：如果你的视频需要自动播放，iOS还要求同时添加muted和autoplay属性（因为iOS默认禁止有声自动播放），不过看你的代码是手动触发播放的，所以主要关注上面两个属性就好。

修改后的完整视频代码如下：

<video id="video-m-1" class="video" preload="none" poster="dist/Images/Weltkugel_Initial_Mobile_v2.png" playsinline webkit-playsinline>
  <source src="dist/Videos/Kugel-Ganz-1.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

测试的时候记得用真实的iPhone设备（模拟器可能有差异），点击播放后视频就会在页面内的位置直接播放啦～

内容的提问来源于stack exchange，提问作者Mrs KOODA