请教关于video播放器定制的一些问题

Question

最近在鼓捣一些自己的小项目,写个视频网站

觉得自带的video播放器太丑,用了一些第三方插件还是觉得不满意,一些控件的功能和样式都不太好用,想了一些自己的解决方案

想和有视频网站播放器自定制经验的前辈验证一下,是否思路一致

首先把video和自定制的控件放在一个容器中,把自带的controls设置为隐藏,用定位覆盖原先控件的位置
`

<div class="v-container">
    <video :src="src" controls="auto"></video>
    <div class="self-controls">...</div>
</div>

`
然后我想要实现例如网页全屏效果就自己定制一个控件,点击后把整个容器脱离标准流,然后定位设置宽度覆盖整个浏览器实现网页全屏

示例图:

请问以上思路是否正确,若有更好的方案望不吝赐教,谢谢!

Answer 1

其实你可以针对他们做二次开发，把UI给他变了不就好了。然后你能用到的肯定是开源的，直接基于他们修改多省心。

这个 controls="auto" 是为了让他常显示嘛？然后针对盖不住的场景嘛？

整体思路上感觉没啥问题，但是在设备兼容上要费很大劲。比如说安卓和ios对于api的支持程度啊。然后还有在原生浏览器根本不能用呀。

Answer 2

你说的是这种？

我寻思自定义一个控制条也不难啊，很容易就能想出来如何实现啊，两个小时就搞定了。（凡尔赛）