欧宝官方网站最新入口

萧山网站建设：如何为您的网站创建HTML 5视频

2018.11.29

327

HTML 5的一个非常有趣的新奇之处是能够使用HTML标记查看多媒体内容，特别是视频。如果我们萧山网站建设考虑到每个标记实际上都由浏览器解释，然后呈现，那么很快就可以清楚地看到，新规范涉及的是浏览器，而不是页面语法。到今天为止，如果我们看一下HTML的操作，视频通常会显示在带有特殊插件的地方，最著名的是Adobe的Flash和Apple的QuickTime。该机制如下：当浏览器遇到引用多媒体内容(如iframe)的标记时，通过适当的插件(负责实际显示)对其进行质疑。新HTML 5规范的目的是避免这一步，指示浏览器自行处理整个过程。

HTML 5视频

一般说来，这个想法很简单。

然而，当我们讨论细节时，事情确实变得复杂起来。每个视频都具有一定的格式特征，每种格式都需要适当的编解码器来读取。如果今天将编解码器的管理委托给插件，当我们要求浏览器小心查看视频时，我们需要(亲自)指示编解码器的选择。这使情况变得非常复杂，因为许多编解码格式是专有的，因此不能自由访问。

我们还必须记住，一旦您选择了您的浏览器，您仍然需要支持各种编解码器。风险在于，您将不得不编写跨浏览器代码和交叉编解码器。您必须使用允许格式转换的程序来武装自己。例如，如果我们有AVI格式，您很可能会同意将其转换为MPEG 4，然后才能使用HTML 5提供的先进技术进行查看。在进入HTML代码之前要考虑的另一个方面是对浏览器支持的格式的内省。这意味着使用主要用JavaScript制造的技术，这些技术告诉您用户的浏览器支持什么样的格式(编解码器等等)。

通过JavaScript进行反思

JavaScript代码允许您探索浏览器中的多媒体支持。考虑到这种情况(格式和编解码器的多样性)，我们必须做好最坏的准备：您不能用几行代码来进行反省，您必须考虑至少三到四个函数。您必须验证浏览器是否支持标记视频，并调查单个格式的支持问题。通过JavaScript进行内省的JavaScript代码可以在网上免费使用。

正如预期的那样，我们必须至少执行四个控制：

  • 函数支持_视频验证支持视频标记，
  • 函数支持_H 264_基线_视频验证支持格式，通常由Apple使用
  • 函数支持_ogg_Theora_视频验证支持Ogg Theora
  • 函数支持_WebM_视频验证支持WebM格式

然后进行了启动功能测试，验证了浏览器对所有技术的支持。

最后，我们萧山网站建设注意到不同的函数返回值‌‌“(空字符串)、”可能“或”可能“，分别表示：不支持的格式、可能支持的格式或”可能“。

HTML 5或HTML 4代码

通过JavaScript进行内省(上面提到，但没有给出代码)用于确定浏览器是否支持新特性，在介绍视频之前检查一下。如果您的浏览器不包含任何分析过的技术，我们必须使用HTML 4中的技术来看电影。或者，更简单地说，你可以放弃尝试嵌入电影，这限制了你提供视频链接。

如果测试成功，我们可以尝试包括HTML 5显示：

您的浏览器不支持视频标记。

HTML语法的相关部分是最简单的方面。如前所述，更复杂的工作是初步的，包括视频格式的准备和浏览器的反思。关于转换-有很多这样的软件，但它通常有必要咨询一个专业的程序，因为免费的很少经得起所有的格式。

在转换视频之后

在完成转换操作和内省之后，我们应该能够使用视频标记查看电影。注意这两种格式(MP4和OGG)的存在，并考虑到不同Web浏览器和/或编解码器的不同需求。这不是唯一可能的选择，因为我们也可以指定不同的格式。但是，您最好先尝试使用这些格式的显示。

关键词

最新案例

联系电话 400-6065-301

留言
ob欧宝体育官方网站入口-ob欧宝手机app ob欧宝‧体育官方网站-欧宝登录网址 ob欧宝彩票app下载-欧宝全站官网登录 kok在线登陆官网 爱游戏app官网入口