`

(原创)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是一款专门为jQuery设计的多媒体插件,用于在网页中轻松集成音频、视频和图像等多媒体元素。这款插件的出现,极大地简化了开发者在HTML5时代处理多媒体内容的复杂性,使得开发者无需深入了解...

    扩展jQuery Media Plugin

    jQuery Media Plugin是一款专为jQuery设计的多媒体播放器插件,它极大地增强了网页中音频和视频的交互性与控制能力。在Web开发中,媒体元素的控制功能是不可或缺的,比如播放、暂停和停止等基本操作。这款插件的出现...

    jquery.media

    4. **选项设置**:JQuery Media Plugin(Options).htm文件详细介绍了插件的各种配置选项,这些选项可以定制媒体播放器的外观和行为,如控制条样式、自动播放、循环播放、预加载策略等,以满足不同项目的需求。...

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

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

    jquery.waterfall.plugin-master.zip,jquery瀑布流插件

    jQuery Waterfall Plugin是基于JavaScript库jQuery实现的一种瀑布流插件,它能帮助开发者轻松地创建具有这种布局效果的网页。 在jQuery Waterfall Plugin中,主要涉及以下核心知识点: 1. **jQuery库**:jQuery是...

    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 ...

    240多个jQuery UI插件

    - **jQuery Media Plugin**: 支持多种媒体类型的播放插件。 - **jQuery Fl**: 该部分可能指代不完整,根据上下文推测可能是关于Flash或视频播放相关的插件。 以上插件涵盖了从简单的表单验证到复杂的多媒体处理,...

    jquery.media:jquery_media

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

    jquery.media.zip

    《jQuery Media Plugin深入解析》 在网页开发中,jQuery库以其简洁、易用的API深受开发者喜爱。而jQuery.media.js是jQuery的一个扩展插件,专为处理多媒体元素如音频和视频而设计。本文将深入探讨jQuery.media.js的...

    jquery插件

    2. **多媒体播放**:jQuery插件如`jQuery.media`和`jPlayer`提供了优雅的方式来处理视频和音频播放,支持多种格式,提供自定义的播放器皮肤和控制选项,使开发者能够创建互动性强的多媒体体验。 3. **DOM操作和事件...

    jquery print plugin

    可以使用媒体查询(`@media print`)来针对打印环境定制样式。 2. **资源链接**:确保所有链接的图片和其他资源在离线状态下也能正常访问,因为打印时浏览器可能无法加载在线资源。 3. **测试与调试**:在不同浏览器...

    jQuery的插件列表(2010-1-25更新)

    8. **jQuery Media Plugin**:支持多种多媒体格式的播放器插件,使得音频和视频内容的集成变得简单。 9. **Superfish**:多功能的jQuery多级下拉菜单插件,带有动画效果和子菜单指示,适用于创建动态的导航菜单。 ...

    jquery-webrtc.rar_javascript webrtc_jquery-webrtc_plugin_webrtc_

    在项目中使用jQuery WebRTC时,首先需要引入jQuery和jQuery WebRTC插件的库文件。然后,可以使用以下代码片段来请求访问用户的摄像头: ```javascript $(document).ready(function() { var videoElement = $('#...

    jQuery弹出层播放视频

    总的来说,“jQuery弹出层播放视频”是一项结合了jQuery、jQuery Media Plugin和弹出层技术的综合应用,它在网页设计中广泛使用,为用户提供了一种优雅的观看视频的方式。通过理解和掌握这些知识点,开发者可以创建...

    jQuery插件 jQuery 实现网页报纸的区域锚点提示功能

    可以结合媒体查询(Media Queries)和 jQuery 的响应式功能来实现。 综上所述,实现“jQuery插件 jQuery 实现网页报纸的区域锚点提示功能”需要综合运用HTML、CSS和JavaScript的知识,尤其是jQuery库的强大功能。...

    jQuery手机端时间表格选择插件_1.zip

    CSS3的特性如媒体查询(media queries)可以确保插件在不同尺寸的屏幕上正常显示,而动画效果则能提升用户体验。 3. HTML部分:创建基础结构,如设置选择器元素,通过`&lt;input type="text"&gt;`或自定义元素与...

    jQuery插件集合

    jQuery,作为一个广泛使用的JavaScript库,极大地简化了网页的DOM操作、事件处理、动画设计和Ajax交互。这个"jQuery插件集合"显然包含了多种用于增强和扩展jQuery功能的插件,使得开发者可以更轻松地实现复杂的功能...

    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...

Global site tag (gtag.js) - Google Analytics