首页 > 代码库 > (原创)jQuery Media Plugin-jQuery的网页媒体播放器插件的使用心得

(原创)jQuery Media Plugin-jQuery的网页媒体播放器插件的使用心得

2024-11-24 23:18:02   203人阅读

 jQuery Media Plugin是一款基于jQuery的网页媒体播放器插件，它支持大部分的网络多媒体播放器和多媒体格式，比如：Flash, Windows Media Player, Real Player, Quicktime, MP3,Silverlight, PDF。它根据当前的脚本配置，自动将a标签替换成div，并生成object, embed甚至是iframe代码，至于生成object还是embed，jQuery Media会根据当前平台自动判别，因此兼容性方面非常出色下面这段代码是jQuery Media生成后的。

网址：http://jquery.malsup.com/，官网资料，大家一看就能看懂。下面是我将本插件用于我网站简历展示的截图，下面截图中的简历是2014年写的，等最新简历整理好之后，会将访问地址提供出来给大家。

技术分享

 部门代码如下：

 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<meta http-equiv="Content-Style-Type" content="text/css" /> 

<title>media</title> 
<script src="http://www.mamicode.com/jquery-1.6.min.js" type="text/javascript"> 
</script> 
<script src="http://www.mamicode.com/jquery.media.js" type="text/javascript"> 
</script> 
<script type="text/javascript"> 
//<![CDATA[ 
$(function() { 
$(‘a.media‘).media({width:980, height:400}); 
}); 
//]]> 
</script> 
</head> 

<body> 
<div> 
<div> 
pdf<a class="media" href="http://www.mamicode.com/1.pdf"></a> 
</div> 
</div> 
</body> 
</html>

 

转载请注明来源：http://www.xujin.org或http://www.virgocloud.com/

(原创)jQuery Media Plugin-jQuery的网页媒体播放器插件的使用心得


联系
我们