【问题标题】: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>
    

    【讨论】:

      猜你喜欢
      • 2012-03-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-28
      • 1970-01-01
      • 2022-07-07
      • 2015-08-27
      • 2019-07-02
      相关资源
      最近更新 更多