Blueimp Gallery - Bootstrap视频示例?

时间:2017-05-21 12:30:11

标签: html5 twitter-bootstrap video blueimp

我提前为这个问题道歉,但谷歌或SE搜索都没有返回任何结果。

我在向Blueimp Gallery添加视频/视频时遇到了麻烦。这些视频都是本地mp4视频,当通过文档引用标记将它们添加到网站时,我只得到一个没有视频实际流媒体的黑屏。

<div class="box-body">
  <div class="row">
    <div class="embed-responsive embed-responsive-16by9">
      <div class="lightBoxGallery">
        <a href="link/to/video.mp4" title="Video Name" data-gallery=""><img src="/thumbnail/picture.img" style="height:100px; width:100px;"></a>
      </div>
      <!-- /.lightbox gallery -->
    </div>
  </div>
  <!-- /.row -->
</div>
<!-- /.box-body -->

我想要的是将视频链接到图片,点击图片后,会弹出Blueimp Gallery脚本并相应地运行视频。

现在我正在使用HTML5视频标记,但这不是我想要的......

<div class="embed-responsive embed-responsive-16by9">
    <video class="embed-responsive-item" height="240" controls>
      <source src="linkto/video.mp4" type="video/mp4">
    </video>
</div>

我该如何解决这个问题?有什么例子我可以看一下吗?

由于

0 个答案:

没有答案