您的位置:首页 > Web前端 > JQuery

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

2015-02-01 16:50 615 查看
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/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: