“腾讯视频”
首先iframe可以调,但是我很不喜欢这种方式,总觉得页面里iframe多了各种不爽,不知道是不是洁癖。
首页要引入腾讯视频的库文件:
<script src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>
腾讯视频没有专门的API文档,貌似以前有:
function () {
//定义视频对象
var video = new tvp.VideoInfo();
//向视频对象传入视频vid
video.setVid("l0376dumy61");
//定义播放器对象
var player;
player = new tvp.Player('850', '500');
//设置播放器初始化时加载的视频
player.setCurVideo(video);
//设置精简皮肤,仅点播有效
player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf");
//输出播放器,参数就是上面div的id,希望输出到哪个HTML元素里,就写哪个元素的id
player.addParam("autoplay", "1");
player.addParam("wmode", "transparent");
player.addParam('showend', 0);
player.write("sp-player");
}
感觉没什么写的。在手机上视频还是有很多的问题,关键是带广告,是时候自己封装一个播放器了。哈哈
其中addParam方法可接受的参数和参数值类型为:
参数
参数值和说明
player
播放器类别;有4种参数,auto:自动,ocx:控件播放器,flash:flash播放器,html5:html5播放器,默认为auto,程序自动根据操作系统、平台以及浏览器选择最合适的播放器。
type
播放器使用场景;1表示直播,2表示点播;默认为2点播。
adplay
是否播放广告;1播放,0不播放,默认为1
showcfg
是否显示控制列表;1显示,0不显示,默认为1
loadingswf
加载视频时的swf动画; 不传入则使用默认样式
autoplay
是否自动播放;1自动播放,0不自动播放,默认是1
pic
播放器默认图,当autoplay=0时有效;不传入则使用视频截图
flashskin
flash播放器皮肤;不传入则使用默认皮肤;点播状态下可选值(注意仅限点播,直播无效):链接地址
wmode
flash播放器的wmode设置,仅对flash播放器有效
swfurl
点播状态flash播放器的swf文件路径,仅对flash播放器有效,如果您有专门定制的swf点播播放器,可以通过这个参数来指定路径
controls
html5播放器是否显示控制栏,仅对html5播放器有效;设置为controls显示,disabled不显示,默认显示。
有个哥们把调用第三方视频都整合了一下。还是挺方便的:
GitHub地址:https://github.com/zhouxitian/playVideo
收工,基本够用