整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
網站的歡迎頁面加入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小時內與您取得聯系。
