【问题标题】:Full screen html 5 video styling全屏 html 5 视频样式
【发布时间】:2015-11-13 16:42:32
【问题描述】:

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

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

唯一的问题是当我全屏播放时,播放器会恢复为原始的 html 5 播放器。谢天谢地,当我关闭全屏时,它又回到了我设计的播放器。

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

提前谢谢:)

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

我已经上传了一个 JS 小提琴,虽然它似乎没有功能而且我不知道是什么。我也添加了 JS JQ 和 CSS 作为资源。

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

【问题讨论】:

  • 在 jsfiddle 中发布您的演示代码。
  • 编辑完成 :) 虽然输出似乎不起作用。第一次使用小提琴。
  • 嘿,我搜索了一下,发现一篇关于 css/tricks 的帖子可以提供帮助。 Css-tricks post,有链接,希望对你有帮助。

标签: javascript html css video


【解决方案1】:

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

查看详细帖子here

另外,找到演示风格的视频播放器here

希望这会有所帮助。

【讨论】:

  • 你发布这个很有趣,因为这是我首先获得制作自定义播放器的来源。不幸的是,演示播放器也没有自定义全屏控制栏
  • @BrendonWells - 一种可能的解决方案是将控件的 z-index 设置为一个非常高的数字,例如在触发全屏播放时 z-index:9999999;。检查它here
  • 不幸的是什么也没做全屏视图。
猜你喜欢
  • 2013-10-24
  • 2012-10-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-11-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多