首页 >web前端 >H5教程 >HTML5中的视频代码详解

HTML5中的视频代码详解

寻∝梦原创: 2018-08-13 18:53:013755浏览

本篇主要讲述的就是HTML5Video的一部分章节，比较适合新手学习HTML5的一些东西，下面来试试这个元素的结构。

HTML5 Video(视频)

很多站点都会使用到视频. HTML5 提供了展示视频的标准。

Web站点上的视频

直到现在，仍然不存在一项旨在网页上显示视频的标准。

今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。

HTML5 规定了一种通过 video 元素来包含视频的标准方法。

浏览器支持

Internet Explorer 9 , Firefox, Opera, Chrome, 和 Safari 支持元素.

注意: Internet Explorer 8 或者更早的IE版本不支持元素。

HTML5 (视频)- 如何工作

如需在 HTML5 中显示视频，您所有需要的是：

<!DOCTYPE html>
<html>
<head>
<title>PHP中文网</title>
</head>
<body>
<video width="320" height="240" controls>
  <source src="/statics/demosource/movie.mp4" type="video/mp4">
  <source src="/statics/demosource/movie.ogg" type="video/ogg">

您的浏览器不支持 HTML5 video 标签。

以上是HTML5中的视频代码详解的详细内容。更多信息请关注PHP中文网其他相关文章！

JavaScript html5 firefox chrome safari html 事件 dom

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：html5 canvas有什么用?HTML5最新的canvas元素详解下一篇：HTML5新增常用的表单元素有哪些？附使用实例

查看更多