Deprecated: 自0.71版本起,已不建议使用the_category_ID,请换用get_the_category()。 in /data1/ppdesign/wegamedesign/wordpress-latest/wordpress/wp-includes/functions.php on line 5323
Deprecated: 自0.71版本起,已不建议使用the_category_ID,请换用get_the_category()。 in /data1/ppdesign/wegamedesign/wordpress-latest/wordpress/wp-includes/functions.php on line 5323
iframe方式
视频点播:
<div id="video_container"></div> <script type="text/javascript" src="//vm.gtimg.cn/tencentvideo/txp/js/iframe/api.js"></script> <script> // 点播方式 var player = new Txp.Player({ containerId: 'video_container', width:800, height:600, vid: '点播ID', autoplay:false, mini:false //是否使用迷你皮肤 }); </script>
视频直播:
<div id="video_container"></div> <script type="text/javascript" src="//vm.gtimg.cn/tencentvideo/txp/js/iframe/api.js"></script> <script> // 直播方式 var player = new Txp.LivePlayer({ containerId: 'video_container', vid: '直播ID', width:800, height:600, autoplay:false, livepid: '', }); </script>
JS方式
视频点播:
<div id="container"></div> <!-- 使用相对协议,同时支持http和https --> <script src='//vm.gtimg.cn/tencentvideo/txp/js/txplayer.js'></script> <script> var player = new Txplayer({ containerId: '点播容器dom的ID', vid: '点播vid', width: '600', height: '400', autoplay: true }); </script>
视频直播:
<script src="//ossweb-img.qq.com/images/js/jquery/jquery-1.11.3.min.js"></script> <script src="//vm.gtimg.cn/tencentvideo/txvlive/2017/txvlive.js"></script> <script> var config = { containerId: '直播容器dom的ID', vid: '直播ID', livepid: '', width: '670', height: '377', autoplay: true }; var player = new TxvLive(config); player.on('ready', function () { //准备完成开始播放 }); </script>
API:
player.play(); //播放视频,可用作无刷新切换 // 播放视频对象参数 player.play({vid: 'xxx', autoplay: true}) // 播放视频vid 字符串参数 player.play('xxx') player.pause(); //暂停视频 player.togglePlayPause(); //暂停或播放视频 player.seekTo( Number::time ) //跳到指定时间点播放 player.getPlayerState() //获取视频播放状态(-1(未开始)、0(已结束)、1(正在播放)、2(已暂停)、3(正在缓冲)) player.mute(); //静音 player.unMute();//取消静音 player.setPoster(String::url); //设置封面图