如何在使用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>