如何在使用jekyll的网站上使用videojs

Question

试图在此页面上创建自定义蒙皮视频播放器。 http://turbosaurusrex.github.io/keets/ 我想隐藏播放按钮以外的所有元素。我已经链接video.js和css文件，但它似乎并没有工作？

我扔CDN权body标签后：

<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet"> 
    <script src="http://vjs.zencdn.net/c/video.js"></script> 

视频播放器返回浏览器的本地播放器。没有改变，我对CSS做任何事情。这是我忽略的jekyll事情，我是愚蠢的还是什么？我不知道。 P

Answer 1

你需要为每一个视频的id属性和data-setup。

https://github.com/videojs/video.js/blob/stable/docs/guides/setup.md#step-2-add-an-html5-video-tag-to-your-page

<video autoplay="" controls="" loop="" poster="/video/keets/keet1.jpg" id="firstvid" class="video-js vjs-default-skin col-xs-12" data-setup="{}"> 
    <source src="/video/keets/keet1.webm" type="video/webm"> 
    <source src="/video/keets/keet1.mp4" type="video/mp4"> 
</video>