Bootstrap-Alarm auf einem Video-Tag anzeigen

Question

Ich habe die folgenden Div-Elemente. Der erste spielt das Video ab und der zweite zeigt den Bootstrap-Alarm an. Ich möchte den Alarm auf dem Video anzeigen. Kann jemand helfen?

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