【js】腾讯视频接口调用

有时我们想在我们的网站上的宣传页引入一段视频,但又不想自己写,这时我们可以调用其他视频的接口,从而达到需求

  1. 首先引入js文件
<script src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>
  1. 准备一个div,用于放置视频
<div id="videoCon" class="video"></div>
  1. 编写以下js,来将视频引入
<script>
    var video = new tvp.VideoInfo();
    video.setVid("xxxxx");//视频vid
    var player = new tvp.Player(300, 150);//视频高宽
    player.setCurVideo(video);
    player.addParam("autoplay","0");//是否自动播放,1为自动播放,0为不自动播放
    player.addParam("wmode","opaque");
    player.addParam("showend",0);
    player.addParam("adplay",0);
    player.addParam("wmode","transparent");
    player.addParam("pic","<%=request.getContextPath()%>/images/cover.png");//默认图片地址
    player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/web_small_loading.swf");//是否调用精简皮肤,不使用则删掉此行代码
    player.write("videoCon");
</script>

效果如下:
在这里插入图片描述

  1. vid的获取
    我们可以随便找一个腾讯视频,右键视频信息即可查看
    在这里插入图片描述
    在这里插入图片描述

当然,还有更多参数可以选择,详细请见官方文档

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值