分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

jQuery.media.js的使用方法

发布时间:2023-09-06 02:08责任编辑:顾先生关键词:jsjQuery

该插件可以播放多种类型的多媒体文件包括:Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF等,前提条件是客户端浏览器中装有相应的插件。
该插件主要是将<a>标签转化为<div>,同时生成适合不同类型多媒体文件播放的<Object>对象,起到解析翻译的过程,从而达到多媒体播放的效果。转化过程是在客户端浏览器中实现,所以打开网页到出现播放器之间存在时间差。


官方网址:http://malsup.com/jquery/media/ ?
GitHub地址:https://github.com/malsup/media/tree/master ?
下载地址:
jquery.media.rar(解压密码:note): http://waternote.ctfile.net/fs/2276132-297761718 ?


首先要引入js文件

<script type="text/javascript" src="jquery-1.7.1.min.js"></script> ?<script type="text/javascript" src="jquery.media.js"></script>

其次添加页面加载完毕后需要执行的js代码,以预览PDF为例:

<script type="text/javascript"> ?$(function() { ?????$(‘.pdf1‘).media(width:450, height:350,autoplay: true,src=\‘#\‘" /upload/pdf/${pdfFile}‘); ?}); ?</script>

最后添加HTML代码:

<body> ???<div class="pdf"></div></body>



本文章笔记版本地址:http://fromwiz.com/share/s/3cTmX51TMQ-b2QTact03UPg83pQJrk2udQRe2pbHlC11lOnr

jQuery.media.js的使用方法

原文地址:https://www.cnblogs.com/crowsong/p/9419229.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved