美文网首页
使用JQuery.media.js库实现文件预览

使用JQuery.media.js库实现文件预览

作者: VinSmokeW | 来源:发表于2019-11-27 15:57 被阅读0次

很简单 几行代码搞定，初学者也能看懂
JQuery.media.js库地址 https://www.jianshu.com/p/ae349318e20f

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    </style>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="js/jquery.media.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
 <div id="handout_wrap_inner"></div>
<button type="button" onclick="addMedia('http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf')">111</button>
<button type="button" onclick="addMedia('./img/pdftest.png')">222</button>
</body>
<script>

function addMedia(url) {
    $('#handout_wrap_inner').media({
            width: '200px',
            height: '200px',
            autoplay: true,
           src:url,
               }); 
    
}
</script>
</html>

更多属性参考一篇不错的文档 https://www.cnblogs.com/ranzige/p/jQuery_Media_Plugin.html

相关文章

  • 使用JQuery.media.js库实现文件预览

    很简单 几行代码搞定，初学者也能看懂JQuery.media.js库地址 https://www.jiansh...

  • iOS开发-文件预览查看

    适用人群：iOS开发人员。内容：使用系统自带的QLPreviewController实现文件预览。支持预览文件格式...

  • 用Vim写markdown

    如何使用vim插件实时预览markdown文件 主要是使用一个叫markdown-preview的插件来实现预览，...

  • 前端预览PDF，Excel，Word，TXT文件

    前端可以使用iframe可以直接预览文件，以下是几种依靠iframe实现在线预览的解决方案。