前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何删除或替换EasyPlayer流媒体播放器的loading样式?

如何删除或替换EasyPlayer流媒体播放器的loading样式?

原创
作者头像
TSINGSEE青犀视频
发布2022-07-26 16:50:52
8200
发布2022-07-26 16:50:52
举报
文章被收录于专栏:TSINGSEE青犀视频

在上几期的文章中,我们介绍了关于EasyPlayer流媒体播放器的最近更新功能及优化,感兴趣的用户可以翻阅我们往期的文章进行了解。H.265网页播放器EasyPlayer不仅实现了视频实时录像的解决办法,而且还能支持在iOS上实现低延时直播,其灵活的视频能力,极大满足了用户的多样化场景需求。

随着EasyPlayer流媒体播放器在用户群体中越来越受欢迎,我们也接到了很多的需求,比如有用户咨询,如何删除或替换EasyPlayer播放器的loading样式?在今天的文章中,我们就为大家详细讲解一下。

1)查找元素,找到对应的播放器loading的标签,如下图:

2)修改箭头指向的opacity属性,将其设置为1,将其显示出来,这样就可以看到对应的标签,如图:

3)找到其元素的类标签,修改其样式,可以将其标签设置为类似样式。将该样式进行覆盖,这样在加载视频时就不会出现loading了,如图:

4)如果需要设置自定义的loading样式,也可以获取到标签,并将其替换成自己需要的loading样式图片,如图:

5)此处有两种方式:一种是修改css样式替换播放器的loading样式,另一种操作是DOM替换标签。

以上两种方式均能实现播放器loading样式的修改,用户可自行设置。

EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定、播放流畅,可支持的视频流格式有RTSP、RTMP、HLS、FLV、WebRTC等,具备较高的可用性。EasyPlayer还拥有Windows、Android、iOS版本,EasyPlayer.js还可支持Linux平台。用户可以根据自身的需求对其进行二次开发或自主集成。感兴趣的用户可以前往官网进行下载、部署测试。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云直播
云直播(Cloud Streaming Services,CSS)为您提供极速、稳定、专业的云端直播处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、快直播、云导播台三种服务,分别针对大规模实时观看、超低延时直播、便捷云端导播的场景,配合腾讯云视立方·直播 SDK,为您提供一站式的音视频直播解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档