如何使用jekyll供电网站的videojs

时间:2014-10-08 04:18:16

标签: javascript html5 html5-video jekyll video-player

尝试在此页面上创建自定义蒙皮视频播放器。 http://turbosaurusrex.github.io/keets/ 我想隐藏除播放按钮之外的所有元素。我已经将video.js和css文件关联起来了,但它似乎并没有起作用?

我把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

1 个答案:

答案 0 :(得分: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>