首页 > Web开发 > 详细

利用HTML5来实现网页视频的定义

时间:2015-04-12 06:53:45      阅读:231      评论:0      收藏:0      [点我收藏+]

    在上一代的html中我们通常使用JS或是flash动态显示视频。不过在全新的html5中这一功能已经完全能实现了。这无疑大大降低了我们服务器的压力。下面我们就来看一下这是如何实现的吧!

<video>标签用于定义视频。

案例:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<video width="300" height="300" controls="controls">
    <source src="gsd.mp4" type="video/mp4">
    <source src="gsd.ogg" type="video/ogg">
    您的浏览器不支持video标签
</video>
</body>
</html>

    以上就是实现html视频的代码了。实现起来是非常简单的,注意此代码并不适用于所有浏览器哦。


本文出自 “木荷吧” 博客,请务必保留此出处http://muheba.blog.51cto.com/10106374/1631355

利用HTML5来实现网页视频的定义

原文:http://muheba.blog.51cto.com/10106374/1631355

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!