外链论坛

 找回密码
 立即注册
搜索
查看: 90|回复: 2

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

[复制链接]

2549

主题

484

回帖

9911万

积分

论坛元老

Rank: 8Rank: 8

积分
99110900
发表于 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视频标签来调用视频时,就会少走非常多弯路。

回复

使用道具 举报

0

主题

2万

回帖

1

积分

新手上路

Rank: 1

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

使用道具 举报

0

主题

2万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 7 天前 | 显示全部楼层
祝福你、祝你幸福、早日实现等。
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-9-17 06:57 , Processed in 0.085645 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.