Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/tfs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 全屏html 5视频样式_Javascript_Html_Css_Video - Fatal编程技术网

Javascript 全屏html 5视频样式

Javascript 全屏html 5视频样式,javascript,html,css,video,Javascript,Html,Css,Video,我一直在为我们的客户制作定制视频。这包括控制栏上的配色方案及其徽标 我使用js和css成功地完成了所有这些 唯一的问题是当我全屏播放时,播放器会恢复到原来的HTML5播放器。谢天谢地,当我关闭全屏时,它又回到了我设计的播放器上 是否有某种代码可以用来设置全屏元素的样式 提前感谢:) https://jsfiddle.net/1hfpt39m/ http://cpdonline.tv/ice-events/mediaplayer/ 我上传了一个JS提琴,虽然它似乎没有功能,我不知道是什么。我也添

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

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

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

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

提前感谢:)

https://jsfiddle.net/1hfpt39m/

http://cpdonline.tv/ice-events/mediaplayer/

我上传了一个JS提琴,虽然它似乎没有功能,我不知道是什么。我也添加了JSJQ和CSS作为参考资料


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

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

查看详细的帖子

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


希望这有帮助

在jsfiddle.Edit done:)中发布演示代码,尽管输出似乎不起作用。第一次使用fiddle。嘿,我搜索了一下,找到了一篇关于css/技巧的帖子,这对我很有帮助,这里有你的链接,希望能有所帮助。很有趣,你发布了这个,因为这是我第一次从这里获得定制播放器的来源。不幸的是,演示播放器也没有自定义的全屏控件bar@BrendonWells-一种可能的解决方案是将控件的z索引设置为非常高的数字,例如
z索引:999999触发全屏播放时。检查它不幸没有做任何事情:(可能是因为我没有为任何全屏的东西编码。我希望这将是一个简单的修复或一行CSS,我可以在下面编码,这将影响全屏视图。
<p>https://jsfiddle.net/1hfpt39m/</p>
<p>http://cpdonline.tv/ice-events/mediaplayer/</p>