zoukankan      html  css  js  c++  java
  • 引入腾讯视频播放,可控制是否暂停播放

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



  • 相关阅读:
    Golang Gin使用模板及框架下返回Json
    Golang Web下返回HTML内容处理方法
    Golang net.http和Gin框架下的模板--View调用后台方法 --view接收后台数据的运用 及 嵌套模板和继承模板的使用
    设置oracle编辑的快捷方式
    oracle中的异常处理方法
    游标的使用
    网站登录界面包数据库异常
    在PLSQL中不能使用中文作为查询条件查询数据
    oracle错误一览表
    oracle导入时报错
  • 原文地址:https://www.cnblogs.com/pansidong/p/11274714.html
Copyright © 2011-2022 走看看