如何
样?
<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格式要好。但是,如果你不是特定于某种格式,那么你可以选择这种解决方案。 –