Html 使用引导在本地显示YouTube视频

我有以下代码来显示YouTube视频：

<div class="mbr-gallery-item mbr-gallery-item--p1 video-slide" data-video-url="https://www.youtube.com/watch?v=Bhy-laGxglg&amp;t=1s" data-tags="Awesome"><div href="#lb-gallery1-8" data-slide-to="0" data-toggle="modal">
  <div>
  </div>
  <img alt="" src="assets/images/2018-7-0-22-43-38-937439.jpg">
  <span class="icon-video"></span>
  <span class="mbr-gallery-title mbr-fonts-style display-7">Type caption here</span></div>
</div>

在此处键入标题

---

我的问题是如何使用引导将视频带到本地，从而使结果与？

中的结果完全相同。对于要替换为本地视频的任何项目，请将数据视频url更改为false：

data-video-url="false"

在灯箱部分，用视频标签替换img，例如替换：

<img src="assets/images/gallery02.jpg" alt="" title="">

与：

<video style="width: 100%;" src="test.mp4" controls></video>

使用此html作为参考：

家
在此处键入标题
在此处键入标题
在此处键入标题
在此处键入标题
在此处键入标题
在此处键入标题
在此处键入标题
测试

你的意思是像示例中那样观看本地视频？是的，这正是我想要感谢你的时间结果不是我想要的：播放视频时，结果如下：我尝试过，但没有效果看这里，使用YouTube链接时效果很好：这是你的代码：它有什么问题？视频在my browser上打开并播放我已经在多个浏览器上试用过，但仍然无法使用，请添加以下内容：onclick=“$（'.active video”）.get（0）.pause（）”到“下一步”和“上一步”以及“关闭”标记。更新了代码。用那个。