带有YouTube皮肤的VideoJs播放器

时间:2012-03-16 07:42:44

标签: javascript jquery css youtube

网站: http://videojs.com/

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

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

PS:我必须失明,我无法在网页上找到youtube皮肤:/

1 个答案:

答案 0 :(得分:10)

源代码中提供了皮肤的CSS:http://www2.videojs.com/css/tube-css/tube.css css中使用的精灵可在此处获取:http://www2.videojs.com/css/tube-css/tubesprite.png 根据{{​​3}},您只需将新版本vjs-default-skin替换为新版tubecss

因此,请在页面中包含相应的css,并执行以下操作:

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

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