HTML5视频解决方案无法在Safari，iPhone和iPad上使用播放器video-js

Question

当我在使用ASP.NET MVC的Web应用程序中工作时，我只是注意到我的网站上的视频正在Chrome，IE，桌面和Android手机上的Mozilla中播放，但它在Safari iphone上无法运行..所以我搜索了一下一个解决方案，并有一些帮助，最后我解决了这个问题，这里是步骤：

**使用播放器Video-js（https://github.com/videojs/video.js/#quick-start）

<link href="//vjs.zencdn.net/5.11/video-js.min.css" rel="stylesheet" />

<!--Videojs-->
<div class="wrapper">
    <div class="videocontent">
        <video id="myvideo"
               class="video-js vjs-big-play-centered vjs-16-9"
               controls
               preload="auto"
               poster="~/Content/images/poster.png"
               width="640"
               height="500"
               data-setup='{}'>


     <source src="video.mp4" type="video/mp4" loop autoplay controls="true" />  
     <source src="video.webm" type="video/webm" loop autoplay controls="true" /> 
     <source src="video.ogv" type="video/ogg" loop autoplay controls="true" />  


        </video>
    </div>
</div>

<script src="//vjs.zencdn.net/5.11/video.min.js"></script>
<script type="text/javascript">

var video = videojs('myvideo');

document.getElementById('action').onclick = function () {
    video.play();
}

</script>

**我添加此播放器后，所有设备上的一些视频播放都很好，甚至Safari和其他视频都有错误：没有兼容资源或检查您的服务器..经过多次搜索并尝试了很多建议后，找到了原因（视频编解码器必须是H264与类型.mp4），所以我把这些视频中的一个没有播放导致错误没有comp ...，并且转换器程序我将其转换为H264 .mp4然后再次上传它并且工作，就是它...我希望帮助许多程序员的人感谢更多的资源：https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html

Answer 1

唯一可能在逻辑上成为问题的是视频编码不正确。特别是Safari和Mobile Safari，仅支持H.264编码的MP4视频。 MP4是容器，技术上可用于其他类型的编码视频，这很可能发生在这里。

此外，您需要了解编码配置文件和级别。并非所有设备都支持所有H.264配置文件。您应该使用Baseline，Normal或High之一安全。高具有这三者的最佳压缩与质量比，所以这是你最好的选择。水平更加挑剔。虽然更现代的设备将支持4.2或更高，4.1仍然享有最广泛的支持。

具体而言，您的视频必须是MP4，采用H.264 High 4.1编码。