html&css------添加视频(11/2)
2017-11-02 18:29
381 查看
向网页中添加视频
<video>:
src:指定视频路径
poster:视频加载时活在视频播放前显示的一个图像
width,height:播放器的大小
controls:提供默认的播放控件
autoplay:视频文件应该自动播放
loop:视频结束后重新播放
preload:在页面加载时需要做什么(none用户按下播放前什么都不做,auto页面加载时载入视频,metadata浏览器只需收集少量视频信息)
多个视频源
<source>:指定多个不同格式的视频。
src:指定视频的路径
type:视频格式
codecs:在type特性中给出,对视频进行编码的编解码器
添加html5音频
<audio>:
src:音频文件路径
controls:是否显示播放控件。
autoplay:音频应该自动开始播放
preload:在没有设置autoplay时告诉浏览器应该做什么
loop:音频播放结束后进行重新播放
多个音频源
<source>:
src:音频文件位置
type:(用的少)
<video>:
src:指定视频路径
poster:视频加载时活在视频播放前显示的一个图像
width,height:播放器的大小
controls:提供默认的播放控件
autoplay:视频文件应该自动播放
loop:视频结束后重新播放
preload:在页面加载时需要做什么(none用户按下播放前什么都不做,auto页面加载时载入视频,metadata浏览器只需收集少量视频信息)
多个视频源
<source>:指定多个不同格式的视频。
src:指定视频的路径
type:视频格式
codecs:在type特性中给出,对视频进行编码的编解码器
添加html5音频
<audio>:
src:音频文件路径
controls:是否显示播放控件。
autoplay:音频应该自动开始播放
preload:在没有设置autoplay时告诉浏览器应该做什么
loop:音频播放结束后进行重新播放
多个音频源
<source>:
src:音频文件位置
type:(用的少)
相关文章推荐
- [html&css]Pass Through - 32.HTML 添加单选框
- 大学生简单网页个人主页制作大学生网页作业html&css视频教程
- HTML&CSS基础学习笔记1.9-添加图片
- HTML&CSS基础学习笔记1.10-添加链接
- html&css--------布局(11/6)
- HTML+CSS编写静态网站-11 添加画册图像
- html&css------表格、表单(11/1)
- html&css-------文本(11/3)
- HTML&CSS基础学习笔记1.28-给网页添加一个css样式
- html&css-----------颜色(11/2)
- html&css--------其他标记(11/1)
- html&css-------图像(11/6)
- HTML&CSS——css中postion的fixed与absolute区别详解
- HTML&CSS基础学习笔记1.21-语义化标签
- C#&javacript&SQL&HTML&CSS中英语
- 如何把CSS中的 加到HTML(来自韩顺平老师视频)
- 【HTML & CSS & JavaScript】overflow属性滚动机制
- HTML & CSS 常用的命名
- HTML&CSS精选笔记_表格与表单
- 用优雅的CSS(为html或body标签添加特定浏览器的class)处理兼容性,而不是hack