Html 在视频标签上显示引导警报

我有以下div项。第一个播放视频，第二个显示引导警报。我想在视频中显示警报。有人能帮忙吗

<div class="alert alert-info" role="alert">
  <strong>You already watched the promo for this video!</strong> Please be our premium user by activating the video package here.
</div>

<video id="video" src="/uploaded_images/{{$video->promo_video_url}}"
data-viblast-key="d784d003-60eb-46b5-b801-c534b6560036" controls style="width: 100%;">
</video>

您已经观看了此视频的宣传片请在此处激活视频包，成为我们的高级用户。

var video=document.getElementById（'video'）；
video.onplaying=功能（e）{
/*在这里做事*/
$（“#警报”）.show（）；
}
您已经观看了此视频的宣传片请在此处激活视频包，成为我们的高级用户。

这是否可以将javascript警报更改为引导警报？好的。但我需要的是在视频播放时显示引导警报。你能帮忙吗？是的，我帮了。它显示本机javascript警报。我要找的是引导警报。我看不到。你能再发布一次吗。谢谢你的帮助。

<script>
    var video = document.getElementById('video');
    video.onplaying = function(e) {
      /*Do things here!*/
      $('#alert').show();
    }
</script>



<div class="alert alert-info" role="alert" id="alert">
  <strong>You already watched the promo for this video!</strong> Please be our premium user by activating the video package here.
</div>

<video id="video" src="/uploaded_images/{{$video->promo_video_url}}"
data-viblast-key="d784d003-60eb-46b5-b801-c534b6560036" controls style="width: 100%;">
</video>