关于video相关的bug和问题
发布于 5 年前 作者 lli 6676 次浏览 来自 问答

1 / 视频播放完成后 没法在播放一次

2 / 视频在全盘状态下,当快要播放完成当最好1-3秒滑动手机推出全屏,全屏是推出了,但是只有视频左上角的部分内容,右上角的投屏按钮和右下角的全屏按钮应该是跑到video 指定的宽高以外找不到了。

3 / 尝试修复问题2 采用播放完成 自动在执行一次推出全屏代码,但是结果如下图,是可以看到全部的内容了,但是视频变形了,

  <video
  id="{{video.id}}"
  src="{{video.videoPath}}"
  object-fit="cover"
  style="width: 240px; height: 240px;"
  play-btn-position="center"
  show-casting-button="{{true}}"
  direction="{{0}}"
  bindplay="onPlay"
  bindended="onEnded"
  bindfullscreenchange="bindfullscreenchange"
  ></video>

    onEnded: function () {
      this.videoContext.exitFullScreen()
    },

4 / 当视频快要播放完成 滑动屏幕推出全屏 并且执行了下面代码,不仅退出了全屏,还退出了当前列表页面。

也许这个问题不严重,但是播放完成自动退出全屏当需求应该挺高的,而且用户在视频将要完成主动退出全屏的操作也不少。所以这个问题不严重但是估计出现频率还是挺高的。

onEnded: function () {
      this.videoContext.exitFullScreen()
    },

下面是正常的图。

回到顶部