搜索到
624
篇与
的结果
-
-
jquery.qrcode.js生成二维码并转成图片格式 1、引入插件<script src="https://www.tpxhm.com/Js/jquery-1.11.3.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.js"></script>2、部分代码 <div id="divOne"></div> <img id='imgOne' style='border:1px solid red;'/> 3、Canvas生成代码<script> //默认使用Canvas生成，并显示到图片 var qrcode= $('#divOne').qrcode('http://www.tpxhm.com/').hide(); var canvas=qrcode.find('canvas').get(0); $('#imgOne').attr('src',canvas.toDataURL('image/jpg')) </script>
-
jquery如何使用printThis.min.js打印网页图片 printThis是bootstrap PrintThis打印插件，能实现对前端图片进行打印，使用方法如下：1、引入jquery和printThis<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/printThis/1.15.0/printThis.js"></script>2、在html页面中，放入代码图片标签和按钮标签<img src="https://www.tpxhm.com/fdetail/995.html" alt="https://www.tpxhm.com/static/tpl/index/foundation/images/bgtx_2.jpg" id="qcodeImg11"> <button type="button">打印</button>3、jquery代码<script> $("#qcodeImg11").printThis(); </script>
-
-
调用腾讯、优酷视频播放器APi 工作中经常用到一些腾讯的或者优酷的视频，以下是调用视频接口的方法，注意线上才有效。调用腾讯视频播放器APi<!doctype html> <html> <head> <meta charset="utf-8"> <title>调用腾讯视频播放器APi</title> <script src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script> </head> <body> <div id="videoCon" class="video"></div> <script> var video = new tvp.VideoInfo(); video.setVid("w0605len8by");//视频vid var player = new tvp.Player(750, 450);//视频高宽 player.setCurVideo(video); player.addParam("autoplay","0");//是否自动播放，1为自动播放，0为不自动播放 player.addParam("wmode","opaque"); player.addParam("showend",0); player.addParam("adplay",0); player.addParam("wmode","transparent"); player.addParam("pic","http://ossweb-img.qq.com/images/roco/act/a20120925movie/video_pic.jpg");//默认图片地址 player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf");//是否调用精简皮肤，不使用则删掉此行代码 player.write("videoCon"); </script> </body>调用优酷视频播放器APi<script src="http://player.youku.com/jsapi" charset="utf-8"></script>player =newYKU.Player('youkuplayer',{ styleid:'0', //播放样式0-9 client_id: '', //登录优酷在后台创建一个应用结可以拿到 vid: 'ID', //视频ID 跟腾讯的vid是一样的道理 autoplay:true, //是否自动播放视频 show_related:true, //播放完成是否显示相关视频 embsig: '', //嵌入式播放器签名(非网站类应用必须设置) password: 'md5('播放密码'+client_id)',//免密码播放 events:{ onPlayerReady:function(){/*your code*/},//播放器准备就绪调用 onPlayStart:function(){/*your code*/},//播放器开始播放时调用 onPlayEnd:function(){/*your code*/}//播放器结束播放时调用 player.create({ onpause:function(){ console.log('暂停了') }, onallended:function(){ console.log('播放完了') }, onfullscreen:function(){ if (this.isFullScreen == true) { console.log("全屏了") }else { console.log("取消全屏了") } } }) functionplayVideo(){ player.playVideo();//播放 } functionpauseVideo(){ player.pauseVideo();//暂停 } functionseekTo(s){ player.seekTo(s);//定位至指定时间 } functioncurrentTime(){ returnplayer.currentTime();//当前播放时间 }
