HTML 5的一个非常有趣的新奇之处是能够使用HTML标记查看多媒体内容,特别是视频。如果我们北京网站建设考虑到每个标记实际上都由浏览器解释,然后呈现,那么很快就可以清楚地看到,新规范涉及的是浏览器,而不是页面语法。到今天为止,如果我们看一下HTML的操作,视频通常会显示在带有特殊插件的地方,最著名的是Adobe的Flash和Apple的QuickTime。该机制如下:当浏览器遇到引用多媒体内容(如iframe)的标记时,通过适当的插件(负责实际显示)对其进行质疑。新HTML 5规范的目的是避免这一步,指示浏览器自行处理整个过程。
然而,当我们讨论细节时,事情确实变得复杂起来。每个视频都具有一定的格式特征,每种格式都需要适当的编解码器来读取。如果今天将编解码器的管理委托给插件,当我们要求浏览器小心查看视频时,我们需要(亲自)指示编解码器的选择。这使情况变得非常复杂,因为许多编解码格式是专有的,因此不能自由访问。
我们还必须记住,一旦您选择了您的浏览器,您仍然需要支持各种编解码器。风险在于,您将不得不编写跨浏览器代码和交叉编解码器。您必须使用允许格式转换的程序来武装自己。例如,如果我们有AVI格式,您很可能会同意将其转换为MPEG 4,然后才能使用HTML 5提供的先进技术进行查看。在进入HTML代码之前要考虑的另一个方面是对浏览器支持的格式的内省。这意味着使用主要用JavaScript制造的技术,这些技术告诉您用户的浏览器支持什么样的格式(编解码器等等)。
JavaScript代码允许您探索浏览器中的多媒体支持。考虑到这种情况(格式和编解码器的多样性),我们必须做好最坏的准备:您不能用几行代码来进行反省,您必须考虑至少三到四个函数。您必须验证浏览器是否支持标记视频,并调查单个格式的支持问题。通过JavaScript进行内省的JavaScript代码可以在网上免费使用。
正如预期的那样,我们必须至少执行四个控制:
然后进行了启动功能测试,验证了浏览器对所有技术的支持。
最后,我们北京网站建设注意到不同的函数返回值“(空字符串)、”可能“或”可能“,分别表示:不支持的格式、可能支持的格式或”可能“。
通过JavaScript进行内省(上面提到,但没有给出代码)用于确定浏览器是否支持新特性,在介绍视频之前检查一下。如果您的浏览器不包含任何分析过的技术,我们必须使用HTML 4中的技术来看电影。或者,更简单地说,你可以放弃尝试嵌入电影,这限制了你提供视频链接。
如果测试成功,我们可以尝试包括HTML 5显示:
您的浏览器不支持视频标记。
HTML语法的相关部分是最简单的方面。如前所述,更复杂的工作是初步的,包括视频格式的准备和浏览器的反思。关于转换-有很多这样的软件,但它通常有必要咨询一个专业的程序,因为免费的很少经得起所有的格式。
在完成转换操作和内省之后,我们应该能够使用视频标记查看电影。注意这两种格式(MP4和OGG)的存在,并考虑到不同Web浏览器和/或编解码器的不同需求。这不是唯一可能的选择,因为我们也可以指定不同的格式。但是,您最好先尝试使用这些格式的显示。
TAG标签: 网站建设公司 SEO优化 营销推广 微信小程序 App开发 网站建设 资本 网页设计公司 品牌设计 VI设计 北京网站建设公司 注册公司 电商运营 html5 高端网站建设 人力资源公司 来源:严选企业服务