VideoOS 老版本 ( 适用PC Web )



  • 该版本支持 PC Web、iOS、Android 3端,如果你的产品形态是产品形态只有PC Web,可以使用该版本;如果你的产品形态是移动端APP,请使用新版本

    老版本控制台
    http://videojj.com/account/login/?next=http://cytron.videojj.com/console/

    效果预览
    0_1551245469352_121.png
    接入流程
    引入JS SDK

    <script type="text/javascript" src="http://cytroncdn.videojj.com/latest/Iva.js"></script>
    

    新建播放器容器
    新建一个div作为视频播放的窗口,建议div的宽高在640px*480px以上:

    <div id="parent" style="width:748px;height:421px;"></div>
    

    创建互动层实例
    在网页合适位置写入如下代码,并对参数进行相应的设置,即可创建互动视频实例:

    var ivaInstance = new Iva(
      '父容器',//新建一个div作为视频播放的窗口,建议div的宽高在640px*480px以上;
      {
        appkey: '应用标识',//必填,请在控制台查看应用标识
        video: '视频地址url',//必填,播放地址(例如:http://v.youku.com/v_show/id_XMTY5NDg2MzY5Ng==.html)
        title: '小视频',//选填,建议填写方便后台数据统计
        cover: '视频封面url',//选填,视频封面url
        vnewsEnable: false,//是否开启新闻推送功能,默认为true
        playerUrl: '', //选填,第三方播放器与Video++互动层的桥接文件,由Video++官方定制提供,默认为空
        videoStartPrefixSeconds: 0,//选填,跳过片头,默认为0
        videoEndPrefixSeconds: 0,//选填,跳过片尾,默认为0
        /* 以下参数可以在“控制台->项目看板->应用管理->播放器设置” >进行全局设置,前端设置可以覆盖全局设置 */
        skinSelect: 0,//选填,播放器皮肤,可选0、1、2,默认为0,
        autoplay: false,//选填,是否自动播放,默认为false
        rightHand: true,//选填,是否开启右键菜单,默认为false
        autoFormat: false,//选填,是否自动选择最高清晰度,默>认为false
        bubble: true,//选填,是否开启云泡功能,默认为true
        jumpStep: 10,//选填,左右方向键快退快进的时间
        tagTrack: false,//选填,云链是否跟踪,默认为false
        tagShow: false,//选填,云链是否显示,默认为false
        tagDuration: 5,//选填,云链显示时间,默认为5秒
        tagFontSize: 16,//选填,云链文字大小,默认为16像素
        editorEnable: true, // 选填,当用户登录之后,是否允许加载编辑器,默认为true
        vorEnable: true, // 选填,是否允许加载灵悟,默认为true
        vorStartGuideEnable: true //选填, 是否启用灵悟新人引导,默认为true
      }
    );
    

    销毁互动层实例
    如果要销毁实例,可以调用实例的destroy方法ivaInstance.destroy();