Question

<!DOCTYPE html>
<html> 
   <head> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">     
   </head> 
   <body> 
     <video id="video" controls src="${maps.url }" height="598" width="782"> 
        Your user agent     does not support the HTML5 Video element. 
     </video> 
   </body> 
</html>

这是我的HTML5视频代码。当我在IE 10中运行此代码时，数据类型显示为“application / octet-stream”，因此它显示错误消息。所以我知道我应该将类型切换为“video / mp4”。

有人知道我应该在代码中添加什么来改变类型吗？

Answer 1

要使用标记播放视频，您可以使用“类型”属性为源媒体设置内容类型。

例如：

    <video poster="movie.jpg" width="320" height="240" controls>
        <source src="movie.mp4" type='video/mp4;'>
            <source src="movie.ogg" type='video/ogg'>
        <p>This is fallback content</p>
    </video>

如果您未指定源文件的内容类型，浏览器会使用browser sniffing来检测和播放您的源媒体内容。但是，您的源内容可能与浏览器不同（取决于浏览器），因此无法播放源文件。因此，正确指定源和内容类型是一种很好的做法。

此外，如果您对视频格式不太确定，可以指定多个源元素。在这种情况下，播放首先被浏览器识别的视频格式。

包含视频的高度，宽度属性是明智的。如果正确设置了height和width属性，浏览器会在加载页面时为视频分配那么多空间。如果未指定高度和宽度，则在加载视频期间页面布局可能会发生变化。

话虽如此，即使内容类型设置正确，IE在播放内容时也会遇到一些问题。如果您遇到同样的问题，请仔细阅读this博文，即使在设置了正确的内容类型后也是如此。

您可能还想查看HTML5_video wiki，了解支持的格式，语法等等。

如何在HTML5中将“application / octet-stream”更改为“video / mp4”

1 个答案: