引入腾讯视频播放,可控制是否暂停播放
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="format-detection" content="telephone=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <script src="/src/resize.js"></script> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="format-detection" content="telephone=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <link rel="stylesheet" type="text/css" href="/src/myreset.min.css" /> <title></title> </head> <body cz-shortcut-listen="true"> <div class="vedio_show"> <div id="mod_player_skin"> </div> <!-- 这个div是播放器准备输出的位置 --><!-- 引入腾讯视频播放器组件 --> <script language="javascript" src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script> <script language="javascript"> //定义视频对象 var video = new tvp.VideoInfo(); //向视频对象传入视频vid video.setVid("c0146k6imdf"); //定义播放器对象 var player = new tvp.Player(300, 230); //设置播放器初始化时加载的视频 player.setCurVideo(video); //设置精简皮肤,仅点播有效 player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf"); //输出播放器,参数就是上面div的id,希望输出到哪个HTML元素里,就写哪个元素的id player.addParam("autoplay","1"); player.addParam("wmode","transparent"); //player.addParam("pic","http://img1.gtimg.com/ent/pics/hv1/75/182/1238/80547435.jpg"); player.write("mod_player_skin"); setTimeout(function(){ console.log('--*-----'); player.pause(); // 视频暂停播放!!!! //player.removeParam("autoplay","1"); },5000); </script> </div> <script src="/src/jweixin-1.4.0.js"></script> <script src="/Wx/FlipPage/js/zepto.min.js"></script> <script src="/Wx/FlipPage/js/hammer.min.js"></script> <script src="/src/jweixin-1.4.0.js"></script> <script type="text/javascript" src="/src/ejs_production.js"></script> </body> </html>
腾讯视频下面的分享 通用代码: iframe 标签引用 不好控制是否暂停
相信坚持的力量,日复一日的习惯.
分类:
html css
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)