点击 Iphone React js 项目时视频不播放答案

【问题标题】：Videos not playing on click on Iphone React js project点击 Iphone React js 项目时视频不播放
【发布时间】：2017-09-06 09:13:02
【问题描述】：

我正在运行一个 react js 应用程序，该应用程序在笔记本电脑上运行良好，但在 iphone 上，即使您单击视频也不会播放。这是用于显示视频的代码。单击视频时，我在 safari 的开发者控制台中也没有错误。

<video className='video1' loop autoPlay controls="true" width='50%' height='50%' src='leadmagic.mp4' type='video/mp4'></video>

【问题讨论】：

这与视频的 MIME 类型/视频格式有关。尝试使用 H.264 编码的 MP4 文件。 iphone默认禁用自动播放。您必须显示控件并且可以在用户启动它时播放。
好读 videos on web diveintohtml5.info/video.html
HTML5 Video tag not working in Safari , iPhone and iPad的可能重复

【解决方案1】：

在您的视频标签上添加一个事件点击侦听器，并在其中添加类似

$(".video1").click(function()
{
   this.start()
});

如果它没有在您的手机上自动播放，则可能是它在手机上不可用（在 Android 上，我遇到了同样的问题）以避免在未经用户同意的情况下使用移动数据

【讨论】：