@royalscome/bc-player NPM

bc-player

tips

参数（argument）

参数名	参数类型	可选值	默认值	是否必传	备注
id	String	/	"video"	是	容器 id，必须是 id 选择器
url	String	/	/	是	视频地址，支持 video 标签所支持的所有视频类型
line	Number	/	1	否	视频所需切割为几行
pictureNumber	Number	/	column*line	否	有多少个画面切
column	Number	/	1	否	视频所需切割为几列
showProgressBar	Boolean	true/false	true	否	是否展示视频进度条，默认展示
showTime	Boolean	true/false	true	否	是否展示视频时长和当前播放时间，默认展示
buttonList	Array	"switchPicture", "enlarge", "audio", "speed"	"switchPicture", "enlarge", "audio", "speed"	否	对应关系：{"switchPicture"："前后画面切换", "enlarge": "画面放大缩小", "audio": "音频切换", "speed": "倍速" }
audioList	Array	/	/	否	音频源地址，不传即使用视频本身声音
stopClickPlay	Boolean	true/false	fasle	否	是否禁用播放暂停按钮事件，用于 js 控制播放暂停

npm install @royalscome/bc-player

const player = new bcPlayer({
      id: "video",
      url: "./aaa.mp4",
      line: 3,
      column: 2,
      buttonList: ["switchPicture", "enlarge", "audio"],
      audioList: [
        "xxxx.mp4",
        "xxxx.mp4",
        "xxxx.mp4",
      ],
    });