`
cakin24
  • 浏览: 1340334 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

HTML5的video元素应用

阅读更多
一 介绍
HTML5 <video> 元素是一个HTML5元素,在HTML4中是非法的,但在所有浏览器中都有效。
该元素使用非常简单,举例如下
 
二 代码
<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> 视频播放 </title>
</head>
<body>
<h2> 视频播放 </h2>
<video src="movie.webm" controls>
您的浏览器不支持video元素
</video>
</body>
</html>
 
三 运行结果

 
  • 大小: 113.1 KB
1
0
分享到:
评论

相关推荐

    HTML5高级程序设计

    从第2 章起,分别围绕构建令人神往的富web 应用,逐一讨论了html5 的canvas、geolocation 、communication、websocket、forms、web workers、storage 等api 的使用, 辅以直观明了的客户端和服务器端示例代码,让...

    完整版《HTML5高级程序设计》5

    为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新特性构建先进的Web应用,并以大量的示例涵盖全部HTML5 API。此外,还介绍...

    html5 html5 教程 html5 html5

    •用于媒介回放的 video 和 audio 元素 •对本地离线存储的更好的支持 •新的特殊内容元素,比如 article、footer、header、nav、section •新的表单控件,比如 calendar、date、time、email、url、search 浏览器...

    完整版《HTML5高级程序设计》2

    为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新特性构建先进的Web应用,并以大量的示例涵盖全部HTML5 API。此外,还介绍...

    完整版《HTML5高级程序设计》4

    为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新特性构建先进的Web应用,并以大量的示例涵盖全部HTML5 API。此外,还介绍...

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    5.1 使用audio和video元素 138 5.2 使用JavaScript脚本控制媒体播放 141 5.3 事件监听 144 5.4 track元素 146 5.5 本章小结 149 第6章 级联样式单与CSS选择器 150 6.1 样式单概述 151 6.2 CSS样式单的基本...

    HTML5程序设计(第2版).[荷]Peter Lubbers(带详细书签).pdf

     《深入HTML5编程(第 2版)》面向有一定经验的Web应用开发人员,对HTML5及未来Web应用技术发展有浓厚兴趣的读者也可以学习参考。 第1章 HTML5概述 1 1.1 HTML5发展史 1 1.2 关于2022年的那个神话 2 1.3 谁在开发...

    HTML5高级程序设计.part5

    3.1.4 audio元素和video元素的浏览器支持情况 56 3.2 使用HTML5 Audio和Video API 56 3.2.1 浏览器支持性检测 57 3.2.2 理解媒体元素 58 3.2.3 使用audio元素 62 3.2.4 使用video元素 63 3.2.5 进阶功能 68 ...

    基于HTML5的3D数据可视化.pdf

    HTML5中的Canvas元素可以用来绘制图形和图像,SVG元素可以用来绘制矢量图形,Video和Audio元素可以用来播放视频和音频。 2.2 SVG SVG(Scalable Vector Graphics)是基于XML的矢量图形格式,用于描述二维矢量图形...

    HTML5高级程序设计.part4

    3.1.4 audio元素和video元素的浏览器支持情况 56 3.2 使用HTML5 Audio和Video API 56 3.2.1 浏览器支持性检测 57 3.2.2 理解媒体元素 58 3.2.3 使用audio元素 62 3.2.4 使用video元素 63 3.2.5 进阶功能 68 ...

    完整版《HTML5高级程序设计》3

    为读者清晰解读了HTML5规范的缘由、发展和现状,全面展示了如何使用 WebSocket、Geolocation、Web Storage、Canvas及音频视频等前所未有的新特性构建先进的Web应用,并以大量的示例涵盖全部HTML5 API。此外,还介绍...

    HTML5高级程序设计.part1

    3.1.4 audio元素和video元素的浏览器支持情况 56 3.2 使用HTML5 Audio和Video API 56 3.2.1 浏览器支持性检测 57 3.2.2 理解媒体元素 58 3.2.3 使用audio元素 62 3.2.4 使用video元素 63 3.2.5 进阶功能 68 ...

    HTML5高级程序设计.part2

    3.1.4 audio元素和video元素的浏览器支持情况 56 3.2 使用HTML5 Audio和Video API 56 3.2.1 浏览器支持性检测 57 3.2.2 理解媒体元素 58 3.2.3 使用audio元素 62 3.2.4 使用video元素 63 3.2.5 进阶功能 68 ...

    HTML5高级程序设计.part3

    3.1.4 audio元素和video元素的浏览器支持情况 56 3.2 使用HTML5 Audio和Video API 56 3.2.1 浏览器支持性检测 57 3.2.2 理解媒体元素 58 3.2.3 使用audio元素 62 3.2.4 使用video元素 63 3.2.5 进阶功能 68 ...

    ivy-videojs:用于video.js HTML5视频播放器的一组Ember组件

    由于使用非HTML5原生视频技术时video.js从DOM中删除了(Ember管理的) &lt;video&gt;元素,因此Flash播放器损坏了。 从应用程序的根目录: ember install ivy-videojs 用法 通过将src作为字符串传入,可以像使用...

    HTML5多媒体开发指南

    通过本书的学习,读者可以使用HTML5开发出炫目的多媒体应用和网站。 ● 使用canvas实现绘图、动画、特效和事件 ● 使用原生的&lt;video&gt;元素创建和观看视频 ● 使用原生的&lt;audio&gt;元素添加并播放音频 ●...

    基于html5的视频会议

    目前最流行的方式是 通过 Adobe的Flash Player插件将音频和视频嵌入到网 页中,而伴随着 HTML5技术的发展,在 HTML5中引入 video和audio元素后[ 1],将视频嵌入到网页中便...

    HTML5的中的新元素

    新千年以来,超文本标记语言(HTML)5 第一次向 HTML 中引入新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 audio。新的交互元素有 ...

    HTML5+CSS3 快速入门 前端 源代码.rar

    32.video元素与audio元素的基础知识20:10 33.video元素与audio元素的常用属性32:18 34.HTML5拖放22:41 35.CSS3简介04:11 36.CSS3新增的属性选择器22:17 37.结构性伪类选择器上28:52 38.结构性伪类选择器下21:00 39....

Global site tag (gtag.js) - Google Analytics