H5W3
当前位置:H5W3 > 问答 > 正文

H5页面如何隐藏video 原本的 control

html
<video
ref="myVideo"
webkit-playsinline
playsinline
:src="https://segmentfault.com/q/1010000038983818/videoUrl"
:poster="poster"
style="width: 100%; height: 100%"
>
</video>
js
this.$ref.myVideo.controls = false
css
video::-webkit-media-controls-panel {
display:none !important;
}

以上, 手机端video 还是会显示 controls, 该如何才会隐藏?
还有就是如何让div中的内容覆盖显示在video上, 例如弹幕网的弹幕, 一些图标之类的. 设置absolute z-index是无效的,
所以猜想是否要先隐藏了原本的control, 覆盖才会生效

回答

手机浏览器的video一般是浏览器自己实现的,有的不符合w3c规范, 控制不了, z-index 也无效

本文地址:H5W3 » H5页面如何隐藏video 原本的 control

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址