Question

我正在使用html5视频标签播放第三方m4v视频（例如https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v）。这不是在chrome和safari中播放，而使用本地m4v视频它工作正常。但在这两种情况下它都在firefox中成功运行。我认为问题在于第三方m4v视频。请提出你的想法。以下是我的代码

height: auto

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。他解释说Apple开始使用他们自己的媒体类型video / x-m4v来存储他们商店中的视频，这些视频位于mp4容器中并使用.m4v扩展名。默认设置为在iTunes中打开视频。有时这是必要的，因为视频使用DRM，AC-3 Dolby Digital音频或mp4容器中通常不支持的其他功能，但iTunes支持扩展名为.m4v的文件。如果您依赖这些功能，那么您可能希望使用此媒体类型而不是标准媒体类型。

正如this article所说：

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

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

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

      //remaining code
  </video>

Answer 2

可能是视频的编解码器编码。我发现在Chrome中没有显示编码为MPEG-4的视频，但是使用H.264编解码器编码的视频却可以显示。

Answer 3

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

m4v视频无法使用chrome

3 个答案: