`

(原创)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/

分享到:
评论

相关推荐

    jQuery Media Plugin Demo

    jQuery Media Plugin Demo

    jQuery多媒体插件jQuery Media Plugin使用详解

    jQuery Media Plugin是一款基于jQuery的网页媒体播放器插件,它支持大部分的网络多媒体播放器和多媒体格式,比如:Flash, Windows Media Player, Real Player, Quicktime, MP3,Silverlight, PDF。它根据当前的脚本...

    扩展jQuery Media Plugin

    作为一款万能播放器插件,总能少了对媒体控制的接口呢。由是偶利用空闲时间把这个插件完善了一下。使之具体播放、暂停、停止的功能。

    jQuery插件---Fancybox

    &lt;link rel="stylesheet" href="css/fancybox.css" type="text/css" media="screen"&gt; -------------------------------------------- 2. Add your images Add images and wrap them with a link to the zoomed ...

    jquery.media:jquery_media

    jQuery Media Plugin支持将标准标记毫不夸张地转换为富媒体内容。 它几乎可以用于将任何媒体类型(包括Flash,Quicktime,Windows Media Player,Real Player,MP3,Silverlight,PDF等)嵌入到网页中。该插件将元素...

    jPlayer基于jQuery的网页播放器

    A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and ...

    lightbox代码

    link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /&gt; &lt;!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin --&gt; &lt;!-- Ativando o jQuery ...

    Media-Manager-Plugins-for-Tridion:jQuery插件和Razor TBB,使在Tridion中开发媒体管理器变得更加容易

    用于Tridion的媒体管理器工具CSS工具文件css.html包含可以使用Media Manager视频进行CSS技巧和黑客的演示。 这要求mmcanvas.css文件包含在页面中。CSS类.sdlmm--triangle :将视频包装成三角形。 将鼠标悬停以将视频...

    jQueryTimelinePlugin:jQuery插件来创建时间线

    script type =" text/javascript " src =" http://code.jquery.com/jquery-1.10.1.min.js " &gt; &lt;/ script &gt;&lt; script type =" text/javascript " src =" path/to/jquery.timeline.js " &gt; &lt;/ script...

    jQuery弹出层播放视频

    采用jQuery media plugin插件开发的一款js视频插件,并使之可以在弹出层播放,支持各种格式的视频在线播放。

    pdf在线预览demo

    JQuery Media Plugin实现在线预览功能

    rwdKit:jQuery插件可以帮助开发人员在响应式网页中查看当前的断点信息

    jQuery rwdKit jQuery插件可以帮助开发人员在响应式网页中查看当前断点信息:目录快速开始下载版本: 下载或克隆仓库: git clone https://github.com/avantage-digital/rwdKit.git导入库插件: &lt; script src =" ...

    jQuery多级弹出菜单插件ZoneMenu

    ZoneMenu是一个菜单jQuery插件,只需占用页面上的一个小区域,却可以实现多级菜单。 完整HTML文件代码: 代码如下: &lt;!DOCTYPE html &gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=”Content-Type” content=...

    最新Color Admin1.9 - bootstrap3响应后台模板+前端网页模板

    Gritter: http://boedesign.com/blog/2009/07/11/growl-for-jquery-gritter/ Isotope: http://isotope.metafizzy.co/ Lightbox 2: http://lokeshdhakar.com/projects/lightbox2/ Bootstrap Datepicker: ...

    jPlayer-HTML5 Audio & Video for jQuery

    A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and ...

    WordPress 3 Plugin Development Essentials.pdf

    Getting the media type 62 Getting the post topic 62 In your browser—title, description, and topic 64 Checking WordPress versions 64 Summary 66 Chapter 4: Ajax Search 67 What is Ajax? 67 The ...

    socialMediaJS:适用于许多社交媒体平台的简单Modal插件

    适用于许多社交媒体平台的简单Modal插件 先决条件 JQuery 3.x(带有JQuery Migrate的较小的JQuery 3.x) 很棒的字体(来自存储库或添加自己) 例子 Default $("#test").socialMedia(); Modify options - Simple $...

    WordPress 2.8 Theme Design.pdf

    Adding sIFR text with the jQuery Flash plugin 233 Flash in a WordPress post or page 236 Adding You Tube video to a WordPress post 236 Summary 238 Chapter 9: Design Tips for Working with WordPress ...

    cloudinary_js:Cloudinary JavaScript库-源码

    Cloudinary客户端JavaScript库Cloudinary是一种云服务,可为Web应用程序的整个图像管理管道提供解决方案。... 该库提供URL生成功能以及使用Media时有用的其他实用功能。 该SDK不包含API方法,请参阅我们的快速开始

Global site tag (gtag.js) - Google Analytics