jQuery插件JWPlayer視頻播放器用法實(shí)例分析
本文實(shí)例講述了jQuery插件JWPlayer視頻播放器用法。分享給大家供大家參考,具體如下:
JWPlayer 插件播放視頻播放器 使用方法:
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ page contentType="text/html; charset=UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport"/> <meta content="telephone=no, address=no, email=no" name="format-detection"> <title>快訊視頻預(yù)覽</title> <style> .jwlogo{ display: none; } #container{ margin: auto; } #videoDiv{ margin-top: 30px; } </style> </head> <body> <section id="videoDiv"> <div id="container">Loading the player ...</div> </section> </body> <script type="text/javascript" src="/wamei/pages/js/jquery-1.11.3.min.js" ></script> <script type="text/javascript" src="/wamei/pages/js/jwplayer/jwplayer.js"></script> <script> $(function(){ var videoUrl = getUrlParam("videoUrl"); var videoCover = getUrlParam("videoCover"); if(videoUrl){ jwplayer("container").setup({ flashplayer : "/wamei/pages/js/jwplayer/player.swf", levels: [{file: videoUrl}], image: videoCover, height : 270, width : 480 }); } }); //獲取url中的參數(shù) function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //構(gòu)造一個(gè)含有目標(biāo)參數(shù)的正則表達(dá)式對(duì)象 var r = window.location.search.substr(1).match(reg); //匹配目標(biāo)參數(shù) if (r != null) return unescape(r[2]); return null; //返回參數(shù)值 } </script> </html>
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery切換特效與技巧總結(jié)》、《jQuery遍歷算法與技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jQuery實(shí)現(xiàn)判斷上傳圖片類型和大小的方法示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)判斷上傳圖片類型和大小的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)上傳圖片屬性獲取、判定相關(guān)操作技巧,需要的朋友可以參考下2018-04-04有關(guān)jquery與DOM節(jié)點(diǎn)操作方法和屬性記錄
下面小編就為大家?guī)硪黄嘘P(guān)jquery與DOM節(jié)點(diǎn)操作方法和屬性記錄。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-04-04當(dāng)jQuery遭遇CoffeeScript的時(shí)候 使用分享
雖然對(duì)ruby不太了解,但是看到CoffeeScript詩一般的代碼確實(shí)被怔住了,和jQuery之前給我的感覺是如此的相似——都是一個(gè)字,美,當(dāng)jQuery遭遇到CoffeeScript時(shí),會(huì)蹦出什么樣的火花呢?2011-09-09jQuery 實(shí)現(xiàn)圖片的依次加載圖片功能
本文分為css和js代碼兩部分給大家詳細(xì)介紹了jQuery 實(shí)現(xiàn)圖片的依次加載圖片功能,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-07-07jQuery中innerHeight()方法用法實(shí)例
這篇文章主要介紹了jQuery中innerHeight()方法用法,實(shí)例分析了innerHeight()方法的功能、定義及獲取第一個(gè)匹配元素內(nèi)部區(qū)域高度的使用技巧,需要的朋友可以參考下2015-01-01jQuery實(shí)現(xiàn)ajax調(diào)用WCF服務(wù)的方法(附帶demo下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)ajax調(diào)用WCF服務(wù)的方法,以完整實(shí)例形式分析了jQuery的ajax前端調(diào)用及后臺(tái)交互調(diào)用WCF服務(wù)的相關(guān)技巧,并附帶完整實(shí)例共讀者下載,需要的朋友可以參考下2015-12-12jquery-1.2.6得到焦點(diǎn)與失去焦點(diǎn)的寫法
jquery-1.2.6得到焦點(diǎn)與失去焦點(diǎn)的實(shí)現(xiàn)方法。點(diǎn)擊“運(yùn)行”后,請(qǐng)刷新一次。2009-05-05jQuery實(shí)現(xiàn)的點(diǎn)擊顯示隱藏下拉菜單功能完整示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的點(diǎn)擊顯示隱藏下拉菜單功能,結(jié)合完整實(shí)例形式分析了jQuery事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作簡單實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-05-05