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

 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="jquery-1.6.min.js" type="text/javascript"> 
</script> 
<script src="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="1.pdf"></a> 
</div> 
</div> 
</body> 
</html>

 

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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。