version 1.0
首先引入<script language="javascript" src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>
<script>
var video = new tvp.VideoInfo(); //初始化视频对象
video.setVid(vid); //向视频对象传入视频vid ,这个是点播的时候使用
//video.setChannelId(cnlid); //向视频对象传入直播频道cnlid ,这个是直播的时候使用
/*点播跟直播的区别主要是:
点播是通过video.setVid(vid);
而直播是通过video.setChannelId(cnlid); 设置直播id
点播需要player.addParam('type','2');或者省略,因为默认播放器为点播状态;
直播必须通过player.addParam('type','1');设置播放器为直播状态,。
*/
var player = new tvp.Player(width, height); //初始化播放器对象并设置宽、高
player.setCurVideo(video); //设置播放器初始化时加载的视频
player.addParam('type','1'); //设置播放器为直播状态,1表示直播,2表示点播,默认为2
player.addParam("wmode","transparent"); //设置透明化,不设置时,视频为最高级,总是处于页面的最上面,此时设置z-index无效
player.addParam('autoplay',false); //是否自动播放
player.addParam('pic',''); //播放器默认图,当autoplay=0时有效;不传入则使用视频截图
player.addParam('showend',0) //结束时是否有广告
player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf"); //flash播放器精简皮肤;不传入则使用默认皮肤
player.addParam("loadingswf", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/web_small_loading.swf"); //加载视频时的swf动画; 不传入则使用默认样式
player.write(DOMid); //输出播放器
//events
player.onplaying = function(vid) {
console.log(vid);
}
player.onended = function(vid) {
console.log(vid);
}
</script>
version 2.0
首先引入<script language="javascript" src="http://imgcache.qq.com/tencentvideo_v1/tvp/js/tvp.player_v2.js" charset="utf-8"></script>
<script>
var video = new tvp.VideoInfo();
video.setVid(vid);
var player =new tvp.Player();
player.create({
width: width, //播放器的宽度
height: height, //播放器的高度
video: video, //默认的视频对象
modId: DOMid, //默认的 DOM 元素 ID
autoplay: false,
pic: imgURL
});
player.onplaying = function (vid){
console.log(vid)
}
player.onallended = function (vid){
console.log(vid)
};
</script>
查看更多方法和参数
最后编辑于 :2017.12.06 16:45:22
©著作权归作者所有,转载或内容合作请联系作者 【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。 平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。