ビデオタグにブートストラップアラートを表示

Question

私は以下のdivアイテムを持っています。最初のものがビデオを再生し、2番目のものがブートストラップアラートを表示します。私はビデオにアラートを表示したい。誰も助けることができますか？

<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> 

Answer 1

<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>