html5 - Show bootstrap alert on a video tag -
i have following div items. first 1 plays video , second 1 display bootstrap alert. want display alert on video. can 1 help?
<div class="alert alert-info" role="alert"> <strong>you watched promo video!</strong> please our premium user activating 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>
<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 watched promo video!</strong> please our premium user activating 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>
Comments
Post a Comment