HTML入门笔记23-HTML内嵌视频文件
2017-07-28 22:57
429 查看
前面一篇我们学习了如何内嵌一个音频文件到HTML文件中,现在我们学习如何内嵌一个视频文件到HTML中,我们用mp4文件举例。
我们拷贝一个mp4文件到和当前demo.html文件在同一个文件夹,把视频命名test.mp4
<!DOCTYPE html>
<html>
<head>
<title>
HTML 内嵌视频
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<center><h1>举例内嵌视频文件</h1></center>
<video width="800" height="600" controls>
<source src="test.mp4" type="video/mp4" />
</video>
</body>
</html>
注意,这个我在火狐浏览器上可以点击播放,在chrome浏览器上不可以播放,不知道是不是chrome上flash player加载不正常还是其他问题。
我们拷贝一个mp4文件到和当前demo.html文件在同一个文件夹,把视频命名test.mp4
<!DOCTYPE html>
<html>
<head>
<title>
HTML 内嵌视频
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<center><h1>举例内嵌视频文件</h1></center>
<video width="800" height="600" controls>
<source src="test.mp4" type="video/mp4" />
</video>
</body>
</html>
注意,这个我在火狐浏览器上可以点击播放,在chrome浏览器上不可以播放,不知道是不是chrome上flash player加载不正常还是其他问题。
相关文章推荐
- 韩顺平_php从入门到精通_视频教程_第2讲_html运行原理②_html文件基本结构_html元素和属性_学习笔记_源代码图解_PPT文档整理
- HTML入门笔记22-HTML内嵌音频文件
- HTML入门笔记17-HTML中图片内嵌链接
- 韩顺平_php从入门到精通_视频教程_第1讲_html介绍_html运行原理①_学习笔记_源代码图解_PPT文档整理
- 韩顺平_php从入门到精通_视频教程_第11讲_初识css_类选择器_id选择器_html选择器_学习笔记_源代码图解_PPT文档整理
- Python3萌新入门笔记(23)
- R语言入门视频笔记--9--随机与数据描述分析
- 寒冰linux视频教程笔记11 文件系统
- Unity Shader入门精要笔记(七):Unity Shader内置文件、变量和语义
- UIWebView播放一段内嵌在HTML中的视频,退出页面后,声音继续播放
- html文件中flash视频格式(flv、swf)文件的嵌入方法
- R语言入门视频笔记--3-1--矩阵与数组
- Maven学习笔记(八)Maven的入门使用—1.编写POM文件
- HTML入门学习笔记--CSS浮动(7)
- HTML入门笔记14-HTML中插入图片标签
- HTML中嵌入FLV视频文件
- [转载].振南带你入门FAT32文件系统 视频
- HTML学习笔记-入门
- linux学习笔记入门之环境变量和文件查找
- 第1讲韩顺平 PHP视频教程 zend framework zend介绍 zend快速入门 韩顺平php视频教程ppt 笔记心得