天涯论坛

 找回密码
 立即注册
搜索
查看: 60|回复: 4

html5视频标签对平常视频格式的支持状况及视频mime类型怎么样添加

[复制链接]

2996

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109195
发表于 2024-6-30 01:24:11 | 显示全部楼层 |阅读模式

本文触及两个视频关联的问题:

html5视频标签对平常视频格式的支持 平常视频格式的mime类型怎样添加

好了,阿酷不多说了,文案起始吧。

触及html5的视频播放,就绕不开视频mp4、WebM、和 Ogg这三种最平常的视频格式了,这三种格式重点编码形式是怎么样的呢?她们编码分别是这般的:

mp4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

便是说,仅有符合以上编码标准的文件格式,才被能够正常播放。那样是不是所有浏览器都支持以上视频格式呢?不是,对比状况,参见如下图:

视频格式与浏览器的支持

实质应用中,并不是直接在web页面页面中调用html5的video标签,视频就能够直接运行,你还需确认视频所在的服务器环境,是不是支持该视频的mime类型,仅有支持了该视频的mime类型,才能够正常播放。下面说说平常的基于IIS的服务器环境下,怎样添加视频的mime类型。

我以分别添加mp4、WebM、和 Ogg这三种视频格式的mime为例,分步截图如下:

第1步:在IIS下 找到mime类型设置
第2步:添加mp4视频格式的mime类型

第2步:添加mp4视频格式的mime类型

第3步:添加Ogg视频格式的mime类型
第4步:添加WebM视频格式的mime类型

附上html5视频调用的标签范例吧:

提示:对不起,您的浏览器不支持Video标签。

</video>

当你清楚了这两个问题之后,你基于html5视频标签来调用视频时,就会少走非常多弯路。





上一篇:HTML5里video标签支持哪些格式的视频文件及其遇到的坑
下一篇:html5的新特性包含哪些
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-8-29 01:43:25 | 显示全部楼层
外贸网站建设方法 http://www.fok120.com/
回复

使用道具 举报

3121

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99108633
发表于 2024-9-27 07:31:43 | 显示全部楼层
真情实感,其含义为认真了、走心了的意思,是如今的饭圈常用语。
回复

使用道具 举报

3136

主题

3万

回帖

9996万

积分

论坛元老

Rank: 8Rank: 8

积分
99968632
发表于 2024-10-14 16:36:49 | 显示全部楼层
我们有着相似的经历,你的感受我深有体会。
回复

使用道具 举报

3046

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109048
发表于 2024-11-1 12:44:22 | 显示全部楼层
“NB”(牛×的缩写,表示叹为观止)‌
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 18:43 , Processed in 0.124519 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.