Aliplayer自定义组件

Aliplayer自定义组件

export class StopButton {
	constructor(...props) { //此处为传入的参数
		this.html = document.createElement(`div`);
		...	//可以用this.xxx = 的方式将参数存起来
	}
	created(player, e) {  //组件的生命周期可以去看官方文档
		this.html.addEventListener("click", () => {
	      ...
	    });
	}
	createEl(el) {
		//此处可以用来创建元素
		this.html.setAttribute("class", "stopBtn");
	}
}
const components = [
	const StopComponent = {
        name: "stopBtn", 		//组件名
        type: StopButton,		//class类名
        args: [...]				//此处传入参数 
      };
]
new Aliplayer(
	{
	  id: "player-" + this.showModel + "-" + deviceId,
	  width: "100%",
	  height: "100%",
	  ...
	  components //组件的数组
});

你可能感兴趣的:(阿里云播放器)