jQuery實(shí)現(xiàn)視頻作為全屏幕背景
先上效果圖
完整代碼如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>如何使用jQuery制作全屏幕背景的嵌入mp4-柯樂義</title>
<meta name="description" content="柯樂義使用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的瀏覽器來查看本特效哦。
- 推薦10個(gè)2014年最佳的jQuery視頻插件
- 分享一款基于jQuery的視頻播放插件
- 基于jquery創(chuàng)建的一個(gè)圖片、視頻緩沖的效果樣式插件
- jquery html5 視頻播放控制代碼
- jquery點(diǎn)擊縮略圖切換視頻播放特效代碼分享
- jQuery實(shí)現(xiàn)仿騰訊視頻列表分頁效果的方法
- Jquery實(shí)現(xiàn)視頻播放頁面的關(guān)燈開燈效果
- 精通Javascript+jQuery 視頻教程 在線觀看
- 12款經(jīng)典的白富美型—jquery圖片輪播插件—前端開發(fā)必備
- Jquery插件 easyUI屬性匯總
- 強(qiáng)烈推薦240多個(gè)jQuery插件提供下載
- jQuery插件JWPlayer視頻播放器用法實(shí)例分析
相關(guān)文章
jquery讀取xml文件實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)的方法
這篇文章主要介紹了jquery讀取xml文件實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)的方法,涉及jQuery操作XML文件及Ajax動(dòng)態(tài)加載的技巧,需要的朋友可以參考下2015-05-05jQuery實(shí)現(xiàn)的網(wǎng)站banner圖片無縫輪播效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的網(wǎng)站banner圖片無縫輪播效果,結(jié)合完整實(shí)例形式分析了jQuery結(jié)合時(shí)間函數(shù)實(shí)現(xiàn)圖片定時(shí)輪播切換相關(guān)操作技巧,需要的朋友可以參考下2019-01-01jquery validation驗(yàn)證身份證號(hào),護(hù)照,電話號(hào)碼,email(實(shí)例代碼)
jquery validation驗(yàn)證身份證號(hào),護(hù)照,電話號(hào)碼,email(實(shí)例代碼)。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-11-11jquery tools 系列 scrollable學(xué)習(xí)
今天繼續(xù)jquery tools六大功能之第三功能 scrollable的學(xué)習(xí)。一如既往,首先給出操作的html代碼 此html代碼修改自jquery tools官方網(wǎng)站demo代碼2009-09-09jQuery Validate格式驗(yàn)證功能實(shí)例代碼(包括重名驗(yàn)證)
本文通過實(shí)例代碼給大家介紹了jQuery Validate格式驗(yàn)證功能,代碼中包括重名驗(yàn)證的方法,需要的的朋友參考下吧2017-07-07通過jquery 獲取URL參數(shù)并進(jìn)行轉(zhuǎn)碼
本節(jié)主要介紹了通過jquery 獲取URL參數(shù)并進(jìn)行轉(zhuǎn)碼,需要的朋友可以參考下2014-08-08