javascript - 带有 YouTube 皮肤的 VideoJs 播放器

Question

网站: http://videojs.com/

如何在首页上使用 YouTube 皮肤？我真的很想自定义播放器，使其看起来像首页上的那个播放器。

有人可以解释一下如何做到这一点吗？

PS:我一定是瞎了，我在网页上找不到youtube皮肤:/

Answer 1

皮肤的 CSS 在源代码中可用:http://www2.videojs.com/css/tube-css/tube.css .
在 css 中使用的 sprite 可以在这里找到:http://www2.videojs.com/css/tube-css/tubesprite.png .
根据doc你只需要用新的替换默认类 vjs-default-skin ，在你的情况下:tubecss

因此，在您的页面中包含适当的 css 并执行以下操作:

<video class="video-js tubecss" ...>

注意:在 videojs 网站上，皮肤类应用于视频标签的包装器。我没有对此进行测试，但这两种解决方案都应该有效。