码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-04-12 06:56:36      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:video   html5   

    在上一代的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来实现网页视频的定义

标签:video   html5   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!