尝试在此页面上创建自定义外观的视频播放器。
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

最佳答案

每个视频都需要一个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>

关于javascript - 如何在Jekyll支持的网站上使用videojs,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26249138/

10-09 16:07