【HTML5】video视频
html5 视频 Video
2023-09-14 09:00:42 时间
当前,video 元素支持三种视频格式:
格式 | IE | Firefox | Opera | Chrome | Safari |
---|---|---|---|---|---|
Ogg | No | 3.5+ | 10.5+ | 5.0+ | No |
MPEG 4 | 9.0+ | No | No | 5.0+ | 3.0+ |
WebM | No | 4.0+ | 10.6+ | 6.0+ | No |
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
<!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 | 设置视频播放器的宽度。 |
相关文章
- 报告称HTML5将最终战胜本地移动应用
- HTML5 localStorage使用方法及注意点
- 分享原创漂亮大气视频列表模板【html5】
- HTML5之视频功能
- html5中script的async属性
- 2015.9-17js(让所有的浏览器支持html5视频video)
- [HTML5] Why ARIA?
- html5--移动端视频video的android兼容,去除播放控件、全屏等
- 移动端HTML5<video>视频播放优化实践
- HTML5_树(HTML5 高级程序设计)
- 嵌入视频到 html5 页面
- 跨浏览器兼容的HTML5视频音频播放器
- html5--移动端视频video的android兼容,去除播放控件、全屏等
- [HTML5]移动平台的HTML5开发框架
- 一张图知道HTML5布局(图)
- [Link]用HTML5/CSS3/JS开发Android/IOS应用
- atitit.html5动画特效----打水漂 ducks_and_drakes
- HTML5入门6---视频播放按钮
- HTML5入门3---视频播放器
- 基于HTML5气3D仿真培训系统
- 使用 HTML5 webSocket API实现即时通讯的功能
- 39个让你受益的HTML5教程
- HTML5学习笔记简明版(9):变化的元素和属性
- HTML5游戏开发技术基础整理
- Js学习之拖拉事件(拖动属性)HTML5 drag API(HTML 拖放 API)
- HTML5 — 知识篇总结《II》【HTML5大力支持的语义化思想与规范】
- 【CSS3】---- 纯 css 控制 html5旋转音乐图标,控制背景音乐