帮助&资讯

H5直播 — 实时H5直播要注意哪些问题?

2021-04-13 16:14:11

现在网络直播已经变得非常流行了,很多人都通过直播来进行宣传和推广公司或者是产品,其中最受人关注的就是实时H5直播了,那么实时H5直播要注意哪些问题呢?今天EduSoho就给大家具体介绍下。

1、关于自动播放的问题。实时H5直播视频的自动播放,是需要在一个标签上面添加相应的属性的,但是有的浏览器是不支持这个属性的,它就需要加上其他的设置才能让这个属性生效,这样才能让用户在进入到页面之后,就开始视频的自动播放。在一些情况下,还需要加入一些判断性的逻辑,比如判断用户的网络环境,是是不是在无线的环境下自动播放的,如果是在4G的情况下,那么还需要给出提示。

2、关于视频的高度的问题。大家在做实时H5直播的时候,还需要注意视频的高度方面的问题,在安卓系统下,有些浏览器系统会把视频的层级调到最高,这样如果想在页面上进行一些元素的显示的话,那么就会被视频所覆盖了,这个时候如果是单纯的去设置dom的z-index是作用不大的。我们需要在显示dom的时候,暂停视频的播放,然后把视频的父元素的高度设置为1,在处理完弹出的事件之后,再把高度进行还原。

3、关于视频的默认播放图标的问题。一般在iOS系统下面,是有一个默认的播放图标的,在iOS系统里面是默认显示的,它是不能通过js的控制的,但是是可以通过css的样式把它隐藏起来的。

大家在做实时H5直播的时候,就需要注意下上面的这些问题。这些问题都是比较常见的问题,大家在遇到这些问题之后,就可以参考上面的方法去解决了。如果还有什么疑问的话,可以咨询EduSoho。

广告位
即刻开始,免费体验 EduSoho 强大功能