有时我们想在我们的网站上的宣传页引入一段视频,但又不想自己写,这时我们可以调用其他视频的接口,从而达到需求
- 首先引入js文件
<script src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>
- 准备一个div,用于放置视频
<div id="videoCon" class="video"></div>
- 编写以下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>
效果如下:
- vid的获取
我们可以随便找一个腾讯视频,右键视频信息即可查看
当然,还有更多参数可以选择,详细请见官方文档