bootstrap视频播放

要在网页中使用Bootstrap进行视频播放，可以使用Bootstrap的内置媒体组件。

以下是使用Bootstrap媒体组件进行视频播放的基本步骤：

1. 在HTML文件中添加必要的CSS和JavaScript文件，包括Bootstrap的CSS和JavaScript文件和jQuery库文件。

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

2. 在HTML文件中添加视频元素，并为其设置一个ID。

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
  poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
  <source src="MY_VIDEO.mp4" type='video/mp4'>
  <source src="MY_VIDEO.webm" type='video/webm'>
  <p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a web browser that
    <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
  </p>
</video>

3. 初始化视频元素。

$(document).ready(function() {
  var myPlayer = videojs('my-video');
});

4. 在初始化后，可以使用myPlayer变量控制视频播放。

myPlayer.play(); // 播放视频
myPlayer.pause(); // 暂停视频
myPlayer.currentTime(30); // 设置视频当前播放时间为30秒

以上就是使用Bootstrap进行视频播放的基本步骤，你可以根据自己的需要进行修改和定制。