当前位置:首页 > 日记 > 正文

一种将视频插入HTML并与所有浏览器兼容的方法

一种将视频插入HTML并与所有浏览器兼容的方法
将视频插入HTML有两种方法,一种是旧的对象标签,另一种是HTML5中的视频标签,前者相对兼容,后者兼容则令人头痛。

在HTML中插入视频有两种最常用的方法,一种是旧标签,另一种是HTML5中的标签。

前者的兼容性不说,但不易使用,后者使用起来非常方便,但兼容性是令人头痛的。

虽然后者的兼容性存在很多问题,但由于它使用起来非常方便,这与未来网页设计的发展趋势是一致的,我们以后是插入视频的主要方式,由于它的兼容性问题,前者被用作辅助程序。

示例如下:

复制代码代码如下所示:
您的浏览器不支持视频标签。
目前,视频元素支持三种视频格式:
IE浏览器格式
OGG 3.5 + 10.5 + 5 +无
MPEG 4 9 + NO NO 5 + 3 +
WebM没有4 + 10.6 + 6 +无

Ogg Theora视频编码=与Vorbis音频编码的OGG文件

MPEG4 = MPEG 4文件与H.264视频编码和AAC音频编码

WebM = WebM文件的VP8视频编码和Vorbis音频编码

注意:格式必须符合上述三个详细要求,如MPEG 4,必须是H.264视频和AAC音频。

在这种情况下,如果视频格式是正确的,大多数的浏览器兼容性的结果是令人满意的,但它是不支持的ie678,和用户群的人到目前为止在中国是非常大的,我们必须想一个解决方案来支持他们:

复制代码代码如下所示:

里面有一些文件。除了FLV格式的视频,有几个SWF或JS是DW软件生成的文件。他们不想研究标签朋友的DW软件生成,如果他们可以巧妙地集成。

代码的两部分可以得到与所有主流浏览器兼容的最终代码。

所以我们可以:

jQuery是用来决定浏览器是否是IE浏览器的IE浏览器,它不需要判断IE的具体版本。因为服务器的原因是IE可能不是高版本,IE都是标签)。根据版本,加载不同的标签。代码如下。

复制代码代码如下所示:

如果(美元。浏览器。MSIE){
document.write(+
+
+
+
+
+
+
+
+
+
');
其他{ }
document.write(+
+
+
你的浏览器不支持视频标签+
');
}
在编写此代码之前,不要忘记介绍jQuery文件。

这时,您可以编写与所有浏览器兼容的HTML视频代码。

相关文章

推荐10款精彩手机APP界面设计欣赏

推荐10款精彩手机APP界面设计欣赏

界面设计,推荐,点评,精彩,电脑软件,本文推荐10个奇妙的移动应用程序界面设计,让每个人都能欣赏评论并帮助设计师朋友。 本文推荐10款漂亮的手机APP界面设计,供大家欣赏评论,同时也有助于设计师朋友们! 如今,手机屏幕的尺寸越来越大,但它总是有限…

RGBAalpha透明转换计算表

RGBAalpha透明转换计算表

透明,计算,转换,电脑软件,RGBAalpha,本文分析了RGBA和直接取整即滤波器的数值计算的转换,不能直接开展情况,详细如下,有兴趣的朋友可以参考哈萨克斯坦 RGBA和IE下滤波值的转换 RGBA透明值 iefilter价值 零点一 十九 零点二 三十三 零点三 4c …

html添加属性样式示例

html添加属性样式示例

添加属性,示例,样式,电脑软件,html,本文主要介绍了在html中添加样式的属性的编写方法。它比较实用,需要的朋友可以参考一下。 向所需的连接添加内部样式: 复制代码代码如下所示: 三十…

下载http的PHP实现方法

下载http的PHP实现方法

方法,下载,电脑软件,PHP,http,这个例子描述了下载HTTP共享的PHP实现方法,供大家参考。 具体实现代码如下: 复制代码代码如下: * * php下载http * / 功能dl_file_resume(文件){ / /找到 如果(!is_file(文件)){死(404文件未找到!;};} $ len =文件大…

在PHP的filter_input功能使用情况

在PHP的filter_input功能使用情况

情况,功能,电脑软件,PHP,filter_input,在本文中,对filter_input函数在PHP中使用分析。分享给你供你参考。具体分析如下: 在PHP5中。2,建立了滤波模块,用于对变量、滤波变量等进行验证和滤波。在这里,我们将看到如何直接过滤用户输入。 相应的…

PS图象处理软件迅速改变的大小不影

PS图象处理软件迅速改变的大小不影

图象,处理软件,小不,质量,电脑软件,本教程介绍朋友到PS图象处理软件迅速修改图像的大小而不损害图像质量。本教程是介绍性的。很适合初学者学习。我们希望能帮助你。 通常使用一个高像素的相机或手机,照片会很漂亮,但照片的大小也有点大。如…

禁止在phpmyadmin外部网络的使用方

禁止在phpmyadmin外部网络的使用方

网络,使用方法,电脑软件,phpmyadmin,本文介绍了禁止在phpmyadmin外部网络的使用方法,分享给你参考。具体方法如下: 首先,在phpMyAdmin文件夹中找到phpmyadmin.conf 可以在文件中看到以下配置 复制代码代码如下所示: 选择指标followsymlinks…

HTML5使用画布绘制空心圆和实心圆

HTML5使用画布绘制空心圆和实心圆

绘制,实心,电脑软件,本文主要介绍用HTML5画布绘制空心圆和实心圆,有需要的朋友可以参考下。 我们在这里分享的是一个空心圆和实心圆的实践问题,这是在学习画布时完成的。这很简单。 复制代码代码如下所示: VaR的画布document.getelementbyid(…

手机cctv5直播入口 手机cctv5直播

手机cctv5直播入口 手机cctv5直播

手机cctv5直播入口 手机cctv5直播在线观看高清 手机世界杯直播入口,点击,获取,搜索,视频播放,平台,高清直播,官网,手机浏览,对于体育迷,足球迷,网球迷等体育爱好者来说,中央电视台的CCTV5体育频道一直是一个获取体育信息的重要平台,但是很多环境下我们…

ps详细地解释了太阳光在乌云中的作

ps详细地解释了太阳光在乌云中的作

作用,解释,乌云,太阳光,详细,本教程是介绍给一个朋友,利用PS创建来自乌云的太阳特效技术。教程产生的效果非常好,方法也不难。作者详细地解释了生产过程,并建议你喜欢你的朋友一起学习。 制作传输光束的方法有很多种,滤波器也比较常见。今天,我…

对ob_get_length缓冲和PHP获取缓冲

对ob_get_length缓冲和PHP获取缓冲

长度,例子,电脑软件,ob_get_length,PHP,本文阐述了ob_get_length缓冲和PHP获取缓冲区长度的方法,分享给你参考。具体方法如下: 的file_get_contents()函数把整个文件读入一个字符串,如文件(),并不同于file_get_contents()读取一个文件读入一个字符串…

画家正面绘画技法概论

画家正面绘画技法概论

技法,概论,画家,电脑软件,本教程是向你介绍画家的正面绘画技巧。作者还gxiaoman。谢谢分享,教程和以前的文章都是原创作者。他们写得很好。我相信看完后你会有所收获的。 本教程是向你介绍画家的正面绘画技巧。作者还gxiaoman。谢谢分享,教程…