如何
樣?
<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>
與HTML5視頻的最大挑戰將準備並納入多種編解碼器內容。目前,每個瀏覽器都有自己的首選視頻格式。而且看起來,HTML5視頻的分裂實施在它變得更好之前會變得更糟。看看[這裏](https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox)。 –
是阿西什,我明白了你的觀點。有沒有通用的解決方案?這樣我可以建議我的客戶上傳特定的格式。 –
如果您要求的格式比我建議的mp4格式要好。但是,如果你不是特定於某種格式,那麼你可以選擇這種解決方案。 –