Afficher l'alerte d'amorçage sur une balise vidéo

Question

J'ai les éléments div suivants. le premier joue la vidéo et le second affiche l'alerte bootstrap. Je veux afficher l'alerte sur la vidéo. Quelqu'un peut-il aider?

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