• 引入腾讯视频播放,可控制是否暂停播放


    <!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">&nbsp;</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 标签引用 不好控制是否暂停



  • 相关阅读:
    navicat常用快捷键与SQL基本使用
    【Excel实战】公式应用:如何按照某种类型数量排序
    Typora+Markdown便捷发布blog
    【Vulnhub】DC-2靶机
    【转载】阮一峰网络日志中的JWT入门
    【动态规划】闫氏dp分析
    Markdown Latex数学公式
    【每日一题】两个数组的交集
    【每日一题】前k个高频元素
    HashMap的各种遍历和删除方式总结
  • 原文地址:https://www.cnblogs.com/pansidong/p/11274714.html
Copyright © 2020-2023  润新知