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

时间: 2024-10-09 11:52:05

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

jQuery实现类似视频播放功能的图片播放器插件

jquery Image Player是一款可以像视频播放一样逐张播放图片的图片播放器jQuery插件.当你需要介绍你的某个产品和项目的时候,这个插件就可以发挥它的强大作用.你可以将产品或项目的各个功能做成图片,然后使用该插件来逐帧播放. 现在大多数的产品和项目介绍使用的都是gif图片或flash,甚至是直接嵌入视频,使用这个图片播放器插件,你可以自由的控制哪张图片需要播放,还可以设置淡入淡出效果,图片滑动效果,图片标题等等. 效果演示:http://www.htmleaf.com/Demo/2

jQuery Media Plugin的使用

jQuery Media Plugin是一款基于jQuery的网页媒体播放器插件,它支持大部分的网络多媒体播放器和多媒体格式,比如:Flash, Windows Media Player, Real Player, Quicktime, MP3,Silverlight, PDF. 使用方法: 1.在web项目中引入jquery.media.js(下载); 2.HTML里a标签中添加class="media":例如: <a class="media" href=

网页媒体播放利器

序言 前段时间在做一个网站项目,要求能在线播放视频.音乐,这个以前还真没接触过.恰好今天在坛子里闲逛时,发现有同志对这方面也感兴趣,遂把这些整理了下,同时自己也可以复习下. 播放器需要满足以下需求: 1. 支持所有主流浏览器 2. 能与播放器交互,播放器必须提供必要的API 3. 可定制外观,方便后期扩展 4. 支持flv.mp3.mp4格式,支持播放列表 5. 详尽的帮助文档说明,方便开发者使用 需求就是一切,咱没条件只好硬着头皮创建条件强上了---.于是疯狂百度Google,发现了很多第三方

网页播放器插件

一.JWPlayer介绍 JW Media Player是一个开源的在网页上使用的Flash视频.音频以及图片播放器,支持 Sliverlight 播放,可以通过一个XML文件使播放器自动切换显示一组图片,并播放背景音乐.它支持播放的Adobe Flash Player和HTML5浏览器可以处理任何格式(FLV文件,H.264标准,MP4功能,VP8的,WEBM,支持MP3,AAC,JPG,PNG和GIF). 它也支持各种流和播放清单格式(包括RTMP协议,HTTP直播和更多)和多种播放选项.并

jQuery Media Plugin

jQuery Media 简介 Jquery Media Plugin是一款页面内容嵌套多媒体的插件.支持的大部分的多媒体播放器和多媒体格式,比如:Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF等等. 播放器 文件格式 Quicktime aif,aiff,aac,au,bmp,gsm,mov,mid,midi,mpg,mpeg,mp4,m4a,psd,qt,qtif,qif,qti,snd,t

http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html#getting-started

Jquery.Form 异步提交表单实例 http://www.aqee.net/docs/jquery.form.plugin/jquery.form.plugin.html#getting-started 1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记: <form id="myForm" method="post" action="/Home/AjaxForm"><div>Name:<inp

【jquery】一款不错的音频播放器——Amazing Audio Player

前段时间分享了一款视频播放器,点击这里.今天介绍一款不错的音频播放器——Amazing Audio Player. 介绍: Amazing Audio Player 是一个使用很方便的 Windows 和 MAC 应用程序,允许你创建 HTML5 音频播放器的网站.该音频播放器兼容 iPhone,ipad,Android,Chrome,Firefox,Safari,Opera 和 IE 7 / 8 / 9 / 10.同时它也可以发布成为一个 WordPress 的音频播放器插件,Joomla 音

@java--liang 这是一款HTML5的前端视频Jquery组件,里面有41个播放器Demo。

原文:@java--liang 这是一款HTML5的前端视频Jquery组件,里面有41个播放器Demo. 源代码下载地址:http://www.zuidaima.com/share/1550463527406592.htm 支持播放格式:MP3,M4A / M4V,OGA / OGV,WEBMA / WEBMV,WAV,FLA / FLV,RTMPA / RTMPV 如果有使用上的不明白的可以QQ交流,或者留言给我,第一时间回复. 早上看到你的留言,希望能帮你度过这个星期,不至于完蛋,@jav

html网页音乐播放器自带播放列表

基于网页的音乐播放器demo  http://pan.baidu.com/s/1dDgm7HR 自己diy了一个手机端在线音乐播放器演示地址http://shanxi2014.com/zhuandizhi/dom.php 全面支持手机端浏览器. 主要修改引用路径(不要修改文件相对存放地址) 第二就是正则拼接参数了 <script src="/city/js/libs/jquery-1.10.2.min.js"></script> <script src=&