咨询电话:
15628812133
22
2025/08

Html接入aliplayer播放器并备用h5播放器

发布时间:2025-08-22 16:18:05
发布者:wcj
浏览量:
0

在课程项目中用到在线播放视频的功能,如果单纯使用H5播放时如果视频过大可能会导致页面加载时间过长,所以可以使用ali播放器进行自动分段加载,下面看下实现过程

首先在页面中新建一个容器和H5和aliplayer的切换按钮

初始化dom

然后创建容器的加载部分也就是视频展示区域然后引入api

引入js

引入css

然后初始化播放器

初始化播放器

然后这时候应该可以播放视频,如果初始化失败使用备用播放器

错误切换h5 

实例化H5播放器

实例化H5

 

这样即可完成


上一篇: 图标设计不会配色?一篇文章告诉你!
下一篇: 没有了
关键词:
返回列表