2017-01-03 94 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

這不起作用 –