视频格式
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
<!DOCTYPE HTML>
<html>
<body>
<video src="/i/movie.ogg" width="320" height="240" controls="controls">
Your browser does not support the video tag.
</video>
</body>
</html>
control 属性供添加播放、暂停和音量控件。
包含宽度和高度属性也是不错的主意。
<video> 与 </video> 之间插入的内容是供不支持 video 元素的浏览器显示的
ogg 文件,适用于Firefox、Opera 以及 Chrome 浏览器。
要确保适用于 Safari 浏览器,视频文件必须是 MPEG4 类型。
video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式:
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="/i/movie.ogg" type="video/ogg">
<source src="/i/movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>
<video> 标签的属性
属性
值
描述
autoplay
|
autoplay |
如果出现该属性,则视频在就绪后马上播放。 |
controls
|
controls |
如果出现该属性,则向用户显示控件,比如播放按钮。 |
height
|
pixels
|
设置视频播放器的高度。 |
loop
|
loop |
如果出现该属性,则当媒介文件完成播放后再次开始播放。 |
preload
|
preload |
如果出现该属性,则视频在页面加载时进行加载,并预备播放。
如果使用 "autoplay",则忽略该属性。
|
src
|
url
|
要播放的视频的 URL。 |
width
|
pixels
|
设置视频播放器的宽度。 |
分享到:
相关推荐
视频描述: 目前比较系统的j2ee视频教程比较少,我自己在学习和教授java ee的过程中,走过了许少弯路,历经彷徨和郁闷,希望把自己对java ee 理解记录下来 ,希望这部教程可以为学习java ee的同志们起到抛砖引玉的作用...
MATLAB在线视频下载链接17个-video_of_matlab.pdf 本帖最后由 天天向尚磊 于 2013-11-25 15:31 编辑 累积了一长段时间,现提供以下内容: MATLAB 视频在线链接和下载链接。以链接形式给出,需要请自行。 ...
matlab初步调度算法代码我的星星 我的GitHub明星精选清单! 产生者 内容 集会 -恶意-口齿不清 -操你Github -不兼容的分时系统 -MS-DOS 1.25和2.0的原始来源,仅供参考 -关于算法的合作书 C -在ESP32上运行的免费视频...
基于开发的英语视频学习小程序。 本地运行 # 安装依赖,或 npm i yarn # 运行小程序,编译后的文件位于项目下的 dist 文件夹 # (微信 dev:weapp,支付宝 dev:alipay) npm run dev:weapp # 运行 H5 npm run dev:h5 ...
第13章 简化企业开发瑰宝之二 第14章 程序员的伴侣 第2篇 范例演练篇 第15章 学以致用 第16章 幕后英雄的用武之地 第17章 Web开发的制胜法宝 第18章 数据分析大师 第19章 体验完美视觉盛宴 第3篇 项目实战篇 第20...
那些年觉得看视频是很轻松的了解一个东西,但是这样的不足就是感觉太慢了,没有看书来得快,所以在有了一些了解后,还得看点书,也许书上的不一定好,但书上会把每一个应该说到的地方说到,好有个初步的认识。...
│ │ ├【思库教育】第二集 html设计思想和基本格式.mp4 │ │ ├【思库教育】第一集 网页介绍,环境与编辑器.wmv │ │ └第四集 排版标签.wmv │ ├ │ │ ├LXE文件播放说明.txt │ │ ├ │ │ │ ├录像1.avi ...
通过完成会员商场管理系统项目初步掌握JSP+JavaBean项目开发,运用HTML、JSP、MySQL数据库技术、javaBean等技术实现。 实训步骤 1.使用Eclipse,shopping-true的web工程,部署; 2.利用navicat新建一个数据库mydb,...
涉及大量广告需要研究才能学习完整课程过时,不适合当前开发环境错漏百出,质量非常低课程排序按照字符串从小到大升序排序目录 C / C ++文字视频 C#视频去文字视频 HTML / CSS文字视频Java文字视频 Java脚本文字...
HTML5中国统计分析案例图 132 4.1.1.7.6. 业务系统整合解决方案 132 4.1.1.7.7. 大并发时保证后台业务系统可用性解决方案 136 4.1.1.7.8. 性能解决方案 137 4.1.1.7.9. 接口解决方案 139 4.1.1.7.10. 易用性...
学习 Laravel Laravel 拥有所有现代 Web 应用程序框架中最广泛和最全面的和视频教程库,让您可以轻而易举地开始使用该框架。 如果您不喜欢阅读, Laracasts可以提供帮助。 Laracasts 包含超过 1500 个关于一系列...
但是在准备写文章之前突然想到前面学习了ajax技术,在这里我也让我的页面有一种不需要手动刷新就能获取到数据。但是发现用前面的方法并不能获取到我想要的效果。无奈前几天电脑换系统,把之前的源码丢了(前面有个...
Java Web开发是目前最流行、使用最广泛的网站开发技术。...《跟我学Java Web》适合广大Java Web初学者、初步掌握Java技术的读者,想深入学习Struts2、SSH框架的开发者,以及从事Java Web开发工作的技术人员。
跟我学Java_Web配套源代码,全书全!另外: Java Web开发是目前最...《跟我学Java Web》适合广大Java Web初学者、初步掌握Java技术的读者,想深入学习Struts2、SSH框架的开发者,以及从事Java Web开发工作的技术人员。