用HTML播放视频有很多种方式。
HTML视频播放
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <source src="movie.webm" type="video/webm"> <object data="movie.mp4" width="320" height="240"> <embed src="movie.swf" width="320" height="240"> </object> </video>问题和解决方案
用HTML播放视频并不容易!
你需要知道很多技巧,才能保证你的视频文件可以在所有浏览器(Internet Explorer、Chrome、Firefox、Safari、Opera)和所有硬件(PC、Mac、iPad、iPhone)上播放。
在本章中,W3CSchool为您总结了问题和解决方案。
使用
& lt嵌入& gt标签的作用是在HTML页面中嵌入多媒体元素。
例子
<embed src="intro.swf" height="200" width="200">问题
HTML4不识别
如果浏览器不支持Flash,视频将无法播放。
IPad和iPhone不能显示Flash视频。
如果您将视频转换为另一种格式,它仍然无法在所有浏览器中播放。
使用
& ltobject & gt标签的作用是在HTML页面中嵌入多媒体元素。
以下HTML片段显示了网页中嵌入的Flash视频:
例子
<object data="intro.swf" height="200" width="200"></object>问题:
如果浏览器不支持Flash,您将无法播放视频。
IPad和iPhone不能显示Flash视频。
如果您将视频转换为另一种格式,它仍然无法在所有浏览器中播放。
使用html 5
HTML5 & lt视频& gt标签定义视频或电影。
& lt视频& gt元素在所有现代浏览器中都受支持。
以下HTML片段显示了ogg、mp4或webm格式的网页中嵌入的视频:
例子
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <source src="movie.webm" type="video/webm"> Your browser does not support the video tag. </video>问题:
你必须将视频转换成许多不同的格式。
& lt视频& gt元素在较旧的浏览器中无效。
最佳HTML解决方案
以下示例使用了4种不同的视频格式。HTML 5 & lt视频& gt元素将尝试以mp4、ogg或webm格式之一播放视频。如果他们都失败了,他们就退回到
HTML 5+& lt;object & gt+& lt;嵌入& gt
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <source src="movie.webm" type="video/webm"> <object data="movie.mp4" width="320" height="240"> <embed src="movie.swf" width="320" height="240"> </object> </video>问题:
你必须将视频转换成许多不同的格式。
优酷解决方案
用HTML展示视频最简单的方法就是使用优酷等视频网站。
如果要播放网页中的视频,可以将视频上传到优酷等视频网站,然后在网页中插入HTML代码来播放视频:
<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" width="480" height="400" type="application/x-shockwave-flash"> </embed>使用超链接
如果网页包含指向媒体文件的超链接,大多数浏览器会使用“辅助应用程序”来播放该文件。
下面的代码片段显示了一个指向AVI文件的链接。如果用户点击该链接,浏览器将启动“辅助应用程序”,如Windows Media Player来播放这个AVI文件:
例子
<a href="intro.swf">Play a video file</a>在线视频描述
当视频包含在网页中时,它被称为内嵌视频。
如果你计划在你的web应用中使用内嵌视频,你需要意识到很多人觉得内嵌视频很烦人。
还要注意,用户可能已经关闭了浏览器中的内嵌视频选项。
我们最好的建议是,只在用户想看的地方加入在线视频。一个正面的例子是,当用户需要看一个视频,点击一个链接,就会打开页面,播放视频。
[相关推荐]
1.特别推荐:《PHP程序员工具箱》V0.1版下载。
2.免费html在线视频教程
3.php.cn原创html5视频教程
以上是用HTML分享视频播放实例的详细内容。更多信息请关注AdminJS的其他相关文章!