如何在 jekyll 驱动的网站上使用 videojs答案

【问题标题】：How to use videojs with a jekyll powered site如何在 jekyll 驱动的网站上使用 videojs
【发布时间】：2014-12-02 15:43:32
【问题描述】：

尝试在此页面上创建自定义皮肤的视频播放器。 http://turbosaurusrex.github.io/keets/ 我想隐藏除播放按钮之外的所有元素。我已经链接了 video.js 和 css 文件，但它似乎不起作用？

我在body标签后面扔了cdn：

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

视频播放器返回浏览器的原生播放器。我对 css 所做的任何更改都没有做任何事情。这是我忽略的杰基尔事情吗，我是愚蠢的还是什么？我不知道。 P

【问题讨论】：

标签： javascript html html5-video jekyll video-player

【解决方案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>

【讨论】：