在Bootstrap选项卡更改时暂停视频，并停止上一个视频选项卡

<div class="container">
  <ul class="nav nav-tabs" id="myTabs">
    <li class="active"><a href="#video1">视频1</a></li>
    <li><a href="#video2">视频2</a></li>
    <li><a href="#video3">视频3</a></li>
  </ul>

  <div class="tab-content">
    <div class="tab-pane active" id="video1">
      <video src="video1.mp4" controls></video>
    </div>
    <div class="tab-pane" id="video2">
      <video src="video2.mp4" controls></video>
    </div>
    <div class="tab-pane" id="video3">
      <video src="video3.mp4" controls></video>
    </div>
  </div>
</div>

$(document).ready(function() {
  $('#myTabs a').on('shown.bs.tab', function(event) {
    var previousTab = $(event.relatedTarget).attr('href');
    var currentTab = $(event.target).attr('href');

    $(previousTab + ' video').get(0).pause();
    $(previousTab + ' video').get(0).currentTime = 0;
  });
});