m4v视频在chrome中不起作用

Question

我正在使用html5视频标签来播放第三方m4v视频(如https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v)。这不能在chrome和safari中播放，而使用本地m4v视频时，它在这两种情况下都能正常工作。我认为问题出在第三方m4v视频上。请给出你的想法。下面是我的代码

<video width="320" height="240" controls autoplay><source src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v" type="video/mp4">

​

Answer 1

这个怎么样？

<video width="320" height="240" controls="controls" preload="none">
  <!-- MP4 for Safari, IE9, iPhone, Android and Others -->
  <source type="video/mp4" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.mp4" />

  <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
  <source type="video/webm" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.webm" />

   <!-- M4V for Apple -->
  <source type="video/mp4" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v" />

  <!-- Ogg/Vorbis for older Firefox and Opera versions -->
  <source type="video/ogg" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.ogv" />

  <!-- Flash fallback for non-HTML5 browsers without JavaScript -->
  <object width="100%" height="400" type="application/x-shockwave-flash" data="flashmediaelement.swf">
      <param name="movie" value="flashmediaelement.swf" />
      <param name="flashvars" value="controls=true&file=https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.mp4" />
  </object>
</video>

此外，您还应该参考mark4o's answer。他解释说，苹果开始使用自己的媒体类型，视频/x-M4V，用于存储他们商店中的视频，这些视频位于mp4容器中，并使用.m4v扩展。默认设置为在iTunes中打开视频。有时这是必要的，因为视频使用数字版权管理、AC-3杜比数字音频或其他功能，这些功能在mp4容器中通常不受支持，但对于扩展名为.m4v的文件，iTunes支持这些功能。如果您依赖于这些功能，那么您可能希望使用此媒体类型，而不是标准媒体类型。

正如this article所说：

如果您在网站上执行时遇到问题，请记住以下修复：

• 由于iPad中的错误，必须首先列出视频的MP4版本。在这种情况下，您可以这样做：

//剩余代码

Answer 2

可能是视频的编解码器编码。我发现一个以MPEG-4编码的视频不能在Chrome中显示--但是一个用H.264编解码器编码的视频可以显示。

Answer 3

您的示例不起作用，因为https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v返回一个声明“指定的blob不存在”的XML。