网站的欢迎页面加入HTML5视频越来越受欢迎,因为它们可以创造一个有趣的视界环境,来吸引游客的注意力。 如果使用得当,视频可以通过讲述一个故事让游客更好地了解网站从而建立忠诚度。 还可以建立一个好的氛围,从而取代单调静态的背景图像。 由于HTML5支持各种新的多媒体,你可以分享高质量、大尺寸的视频娱乐来激励观众。
(全部内容和链接请查看原文:ht tp ://dyartstyle.c om/?p=1641)
Lois Jeans Spring Summer 2013
Lights and Shadows
Nike Jordan M6
HTML5中。提供了多媒体播放音频视频的标准元素,在这之前,要在网站上展示视频、音频、动画,用得最多的就是使用FLASH了。使用它们都得在浏览器中安装各种插件才能使用,而且速度相对比较慢。通过HTML5中的多媒体新元素去实现视频、音频、动画的播放,免除了浏览器安装插件这一部分,只需要一个支持HTML5的浏览器就ok了。下面来介绍一下 HTML5中的video元素和audio元素,它们分别用来处理视频数据和音频数据!
video对视频的支持:
audio对音频的支持:
video和audio实例:
video的标签属性:
control 属性供添加播放、暂停和音量控件。
audio的标签属性:
在好多网站背景都是视频背景,
今天我给大家讲解的就是如何将视频作为网站背景
效果图
首先我们先写一个index.html
代码如下:
<!DOCTYPE html>
<html>
<head>
/*网站编码为utf-8*/
<meta charset="utf-8">
/*网站题目*/
<title>首页</title>
</head>
<body>
</body>
</html>
现在我们来写视频背景代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.index-video {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background: url("../../image/index/bg.jpg") no-repeat; background-size:cover;}
*请认真填写需求信息,我们会在24小时内与您取得联系。