2017-01-03 95 views
2

我使用html5视频标签播放第三方m4v视频(如https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v)。这不是在铬和safari播放,而使用本地m4v视频它工作得很好。但在这两种情况下,它在firefox.I认为问题是与第三方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"> 

+0

与HTML5视频的最大挑战将准备并纳入多种编解码器内容。目前,每个浏览器都有自己的首选视频格式。而且看起来,HTML5视频的分裂实施在它变得更好之前会变得更糟。看看[这里](https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox)。 –

+0

是阿西什,我明白了你的观点。有没有通用的解决方案?这样我可以建议我的客户上传特定的格式。 –

+0

如果您要求的格式比我建议的mp4格式要好。但是,如果你不是特定于某种格式,那么你可以选择这种解决方案。 –

回答

0
如何

样?

<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。他解释说,苹果公司开始使用他们自己的媒体类型video/x-m4v从他们的商店购买视频,这些视频位于mp4容器中,并使用.m4v扩展名。这被设置为默认在iTunes中打开视频。有时候这是必要的,因为视频使用DRM,AC-3杜比数字音频或mp4容器不常用的其他功能,但iTunes支持扩展名为.m4v的文件。如果你依赖这种能力,那么你可能想使用这种媒体类型而不是标准媒体类型。

由于this article说:

保持以下修复记住,如果你有实现在您的网站的麻烦:

  • 视频的MP4版本必须首先列出,因为一个错误的在iPad中。在这种情况下,你可以这样做:

    <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> 
    
+0

这不起作用 –