如何在引导视频轮播中使用本地文件

时间:2019-05-18 08:41:14

标签: html css bootstrap-4

我正在为我的任务创建一个网站,我想要一个视频轮播。因此,我找到了引导轮播的模板,并播放了链接到某些服务器的视频。我想知道如何才能播放本地视频。我尝试将源更改为本地视频文件,但是无法正常工作。有人可以告诉我如何在自助旋转木马上播放视频吗?不用担心大尺寸div。

  <div class="bigsize">
   <div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!--Slides-->
  <div class="carousel-inner" role="listbox">
    <div class="carousel-item active">
      <video  autoplay loop muted>
        <source src="https://mdbootstrap.com/img/video/Tropical.mp4" type="video/mp4" />
      </video>
    </div>

    </div>
  </div>
  </div>

1 个答案:

答案 0 :(得分:1)

如果要在视频轮播中使用本地文件,则需要从当前目录中指定该文件的确切位置。

例如: 您的文件位于.html文件当前工作目录中的assest >>视频>> file.mp4中。想要的代码就是这样-

<video  autoplay loop muted>   
<source src="\assest\Videos\file.mp3">
</video>

我认为,如果您有任何其他可以ping通我的问题,这可能会为您提供帮助。