tinyPlayer

立即使用

Method

论坛示例

为帮助用户更好更快的使用模块,论坛维护了一个示例,示例中包含示例代码、知识点讲解、注意事项等,供您参考。

概述

tinyPlayer极简播放器,代码简单,核心包极简,体积小

模块概述

1.代码简单,核心包极简,体积小 2.支持全屏,缓存 3.支持点播,直播 4.android 支持视频格式 m3u8,flv,mp4,webm,ts,mpd,mkv 5.ios 支持视频格式 m3u8,flv,mp4

模块接口

showInView

指定区域显示播放器

showInView({param},callback(ret))

params

-videoUrl:视频网址 http/https/weight开头

-类型:字符串

-rect:播放器位置

-类型:json

-格式:{x:0, y:60,w:420, h:230}

-fixed:是否将模块视图固定到窗口上,不跟随窗口上下滚动,可为空

-类型:布尔型

-格式:true|false

-fixedOn:(可选项)模块视图添加到指定 frame 的名字(只指 frame,传 window 无效)

-类型:字符型

-默认:模块依附于当前 window

-title:视频标题

-类型:字符串

-coverUrl:封面 http/https/weight开头

-类型:字符串

-autoPlay:是否自动播放

-格式:true|false

-默认值:false

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:

{ code: 0, //0播放结束返回 msg:'' }

示例代码

var tinyPlayer = api.require('tinyPlayer');
tinyPlayer.showInView({
       videoUrl:'',
       coverUrl:'',
       title:'',
       autoPlay:false,
       rect:{x:0, y:60,w:420, h:230},
       fixedOn:'',
       fixed:true
       },function(ret) {
    if (ret.code==0) {
        alert(ret.msg);
    } 
});

可用性

Android,ios系统

可提供的1.0.0

showFullScreen

全屏播放

showFullScreen({param})

params

-videoUrl:视频网址 http/https/weight开头

-类型:字符串

-title:视频标题

-类型:字符串

-coverUrl:封面 http/https/weight开头

-类型:字符串

-autoPlay:是否自动播放

-格式:true|false

-默认值:false

示例代码

   var tinyPlayer = api.require('tinyPlayer');
   tinyPlayer.showFullScreen({
                            videoUrl:'',
                            title:'',
                            coverUrl:'',
                            autoPlay:false}
});

可用性

Android,ios系统

可提供的1.0.0

start

开始播放 只针对showInView

示例代码

var tinyPlayer = api.require('tinyPlayer');
tinyPlayer.start();

可用性

Android,ios系统

可提供的1.0.0

stop

停止播放 只针对showInView

示例代码

var tinyPlayer = api.require('tinyPlayer');
tinyPlayer.stop();

可用性

Android,ios系统

可提供的1.0.0

remove

移除播放器 只针对showInView

示例代码

var tinyPlayer = api.require('tinyPlayer');
tinyPlayer.remove();

可用性

Android,ios系统

可提供的1.0.0