腾讯视频

腾讯视频2.0

组件说明

调用tvp.player.js时必须加上charset="utf-8"以防止乱码问题
目前互娱大部分产品域名已添加至白名单，播放视频时不会再播放广告，如页面上的播放器依然播放广告，或者需要添加新域名到广告白名单，请联系rukkihuang或者banybai。
腾讯视频统一播放页调用代码自动生成工具

主要代码

 <script src="http://imgcache.qq.com/tencentvideo_v1/tvp/js/tvp.player_v2.js"></script>
<script>
    var video = new tvp.VideoInfo();
    video.setVid("i001216370f");
    var player = new tvp.Player();
    player.create({
        width: 480,
        height: 360,
        video: video,
        modId: "mod_player",
        pic: "http://ossweb-img.qq.com/images/roco/act/a20120925movie/video_pic.jpg",        //视频封面地址
        vodFlashSkin: "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf",  //精简皮肤        
        autoplay: true   //是否自动播放
    });
 </script>

PS：2.0需要服务器环境

DEMO

旧版

效果演示

主要代码

<body>
<div id="videoCon" class="video"></div>
<script src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>
<script>
    var video = new tvp.VideoInfo();
    video.setVid("q0011iyvdam");//视频vid
    var player = new tvp.Player(350, 190);//视频高宽
    player.setCurVideo(video);
    player.addParam("autoplay","1");//是否自动播放，1为自动播放，0为不自动播放
	player.addParam("wmode","opaque");
    player.addParam("pic","http://ossweb-img.qq.com/images/roco/act/a20120925movie/video_pic.jpg");//默认图片地址
    player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf");//是否调用精简皮肤，不使用则删掉此行代码
    player.write("videoCon");
</script>
</body>