javascript - 全屏 html 5 视频样式

Question

我一直致力于为我们的客户制作自定义视频。这包括配色方案及其在控制栏上的 Logo 。

我使用 js 和 css 成功地完成了所有这些。

唯一的问题是，当我全屏播放时，播放器会恢复为原来的 html 5 播放器。值得庆幸的是，当我关闭全屏时，它会回到我设计的播放器。

是否有某种代码可以用来设置全屏元素的样式？

提前致谢:)

<p>https://jsfiddle.net/1hfpt39m/</p>
<p>http://cpdonline.tv/ice-events/mediaplayer/</p>

我上传了一个 JS fiddle ，虽然它似乎没有用，我也不知道是什么。我也添加了 JS JQ 和 CSS 作为资源。

我还在网页上添加了视频播放器当前所在位置的链接。

Answer 1

与其编辑 fiddle 或粘贴代码，不如将您重定向到详细介绍如何使用 CSS3、JS 和 HTML 设置视频播放器的播放按钮、进度条和其他功能样式的页面

查看详细帖子here .

此外，找到演示风格的视频播放器 here .

希望这对您有所帮助。