HTML视频类型属性要求视频在/之前
HTML video type attribute requires video before /
在 HTML5 视频元素中,您使用始终以视频开头的值定义 type
属性。从元素是视频不是已经很明显,它是视频类型吗?为什么需要这样的视频:
type="video/mp4"
,不应该只是type="mp4"
吗
video/mp4 是 Mime 类型:
Mime Type
你必须使用它,因为使用完整的 mime 类型是正确的 'video/mp4' 如果它显然是一个视频
在 w3schools 中,他们定义了我们应该使用的可能格式和 MIME 类型 here。
MP4: video/mp4
WebM: video/webm
Ogg: video/ogg
他们使用 MIME 类型,因此出于兼容性和参考原因,它将适合大量 'global MIME types'。参见 this。
媒体类型总是成对出现,如 video/mp4
。此外,浏览器实际上允许 <video>
元素中的音频。您可以包含海报图像以显示固定图像。如果您为 <video>
元素列出多个来源(其中一些是视频),这可能会有用。当您列出多个来源时,浏览器将播放第一个支持媒体类型的来源。
示例:
<video poster="albumcover.jpg" controls>
<source src="musicvideo.webm" type="video/webm" />
<source src="musicaudio.mp3" type="audio/mpeg" />
</video>
在此示例中,如果浏览器支持 WebM 视频,它将播放该视频。如果它不支持 WebM 视频但支持 MP3 音频,那么它将播放该音频。
在 HTML5 视频元素中,您使用始终以视频开头的值定义 type
属性。从元素是视频不是已经很明显,它是视频类型吗?为什么需要这样的视频:
type="video/mp4"
,不应该只是type="mp4"
video/mp4 是 Mime 类型: Mime Type
你必须使用它,因为使用完整的 mime 类型是正确的 'video/mp4' 如果它显然是一个视频
在 w3schools 中,他们定义了我们应该使用的可能格式和 MIME 类型 here。
MP4: video/mp4
WebM: video/webm
Ogg: video/ogg
他们使用 MIME 类型,因此出于兼容性和参考原因,它将适合大量 'global MIME types'。参见 this。
媒体类型总是成对出现,如 video/mp4
。此外,浏览器实际上允许 <video>
元素中的音频。您可以包含海报图像以显示固定图像。如果您为 <video>
元素列出多个来源(其中一些是视频),这可能会有用。当您列出多个来源时,浏览器将播放第一个支持媒体类型的来源。
示例:
<video poster="albumcover.jpg" controls>
<source src="musicvideo.webm" type="video/webm" />
<source src="musicaudio.mp3" type="audio/mpeg" />
</video>
在此示例中,如果浏览器支持 WebM 视频,它将播放该视频。如果它不支持 WebM 视频但支持 MP3 音频,那么它将播放该音频。