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
