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

001 html5 视频

时间:2016-04-06 23:09:51      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:

html5对于视频的标签进行了改进,本实例对html5中的视频标签<video>进行应用

当前的html5支持三种格式的视频,分别是 ogg、mp4 和webm三种格式

<video>的属性有:

autoplay 视频马上播放

controls 向用户显示控件

height 设置视频播放器高度

loop 当媒体文件完成播放后再次开始播放

preload 视频在页面加载时进行加载,并预备播放。若使用autoplay忽略该属性

src 要播放的视频的URL

width 设置播放器的宽度

本实例效果如下:

技术分享

源码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<video src="../Documents/未命名站点 2/徐彤教程-JS编程初步第0270讲:实例02-基本对话框.MP4" height="720" width="960" controls="controls">
</video>
</body>
</html>

 

001 html5 视频

标签:

原文地址:http://www.cnblogs.com/longlyseul/p/5361474.html

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