jQuery實(shí)現(xiàn)視頻作為全屏幕背景
更新時(shí)間：2014年12月18日 14:35:48 投稿：hebedich
這篇文章主要介紹了jQuery實(shí)現(xiàn)視頻作為全屏幕背景的方法和示例，推薦給有相同需求的小伙伴
先上效果圖
完整代碼如下
復(fù)制代碼 代碼如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>如何使用jQuery制作全屏幕背景的嵌入mp4-柯樂(lè)義</title>
<meta name="description" content="柯樂(lè)義使用jQuery 制作全屏幕背景的嵌入視頻" />
<meta name="author" content="Keleyi" />
<link rel="stylesheet" href=" <link rel="stylesheet" href=" </head>
<body>
<div class="main">
<div id="overview" class="box">
<h1>一只小蜜蜂，飛在花叢中</h1>
<h2>左飛飛，右飛飛，剪刀、石頭、布</h2>
<h2>請(qǐng)使用<a href=">
<script src=">
<script src=">
<!-- BigVideo -->
<script src=">
<!-- Demo -->
<script>
$(function () {
var BV = new $.BigVideo();
BV.init();
BV.show('http://down.keleyi.com/files/Keleyi.mp4', { doLoop: true });
});
</script>
</body>
</html>
小伙伴們記得要使用支持html5的瀏覽器來(lái)查看本特效哦。
您可能感興趣的文章:
- 推薦10個(gè)2014年最佳的jQuery視頻插件
- 分享一款基于jQuery的視頻播放插件
- 基于jquery創(chuàng)建的一個(gè)圖片、視頻緩沖的效果樣式插件
- jquery html5 視頻播放控制代碼
- jquery點(diǎn)擊縮略圖切換視頻播放特效代碼分享
- jQuery實(shí)現(xiàn)仿騰訊視頻列表分頁(yè)效果的方法
- Jquery實(shí)現(xiàn)視頻播放頁(yè)面的關(guān)燈開(kāi)燈效果
- 精通Javascript+jQuery 視頻教程 在線觀看
- 12款經(jīng)典的白富美型—jquery圖片輪播插件—前端開(kāi)發(fā)必備
- Jquery插件 easyUI屬性匯總
- 強(qiáng)烈推薦240多個(gè)jQuery插件提供下載
- jQuery插件JWPlayer視頻播放器用法實(shí)例分析
相關(guān)文章
使用jQuery和PHP實(shí)現(xiàn)類(lèi)似360功能開(kāi)關(guān)效果
本文介紹了使用jQuery、PHP和MySQL實(shí)現(xiàn)類(lèi)似360安全衛(wèi)士防火墻開(kāi)啟關(guān)閉的開(kāi)關(guān)，可以將此功能應(yīng)用在產(chǎn)品功能的開(kāi)啟和關(guān)閉功能上,需要的朋友可以參考下2014-02-02
jQuery實(shí)現(xiàn)查找鏈接文字替換屬性的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)查找鏈接文字替換屬性的方法,可實(shí)現(xiàn)針對(duì)鏈接文字的查找及鏈接屬性進(jìn)行替換的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
這篇文章主要為大家詳細(xì)介紹了jQuery點(diǎn)擊輸入框顯示驗(yàn)證碼圖片，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要介紹了14個(gè)有用的Jquery技巧分享,本文有一些性能優(yōu)化技巧、編碼優(yōu)化技巧、簡(jiǎn)潔方法等,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了解決 jQuery 和其他庫(kù)的沖突的方法，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-06-06
如何在JS中實(shí)現(xiàn)相互轉(zhuǎn)換XML和JSON
下面先是跟大家分別介紹了JSON與XML以及它們的區(qū)別比較，后又分享關(guān)于JavaScript實(shí)現(xiàn)XML與JSON互轉(zhuǎn)例子，希望這些例子能給你帶來(lái)幫助。2016-07-07
基于jquery的讓textarea自適應(yīng)高度的插件
jquery extension - auto height text area2010-08-08
Jquery的基本對(duì)象轉(zhuǎn)換和文檔加載用法實(shí)例
這篇文章主要介紹了Jquery的基本對(duì)象轉(zhuǎn)換和文檔加載用法,實(shí)例分析了Jquery的基本對(duì)象轉(zhuǎn)換及文檔加載使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
jquery 彈出層注冊(cè)頁(yè)面等(asp.net后臺(tái))
jquery 彈出層注冊(cè)頁(yè)面,盡力提高用戶(hù)體驗(yàn)，吸引用戶(hù)注冊(cè)。2010-06-06
今天因網(wǎng)站需要寫(xiě)了個(gè)圖片展示效果,其中用到了Jquery的data函數(shù)，剛學(xué)就被我用這了，昨天看時(shí)還覺(jué)得無(wú)甚用處，因?yàn)榭梢匀藶榈亟o一個(gè)節(jié)點(diǎn)加屬性嘛，不過(guò)省卻了幾句代碼而已。2010-05-05