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

时间:2017-08-18 08:16:57

标签: html5

我有以下div项目。第一个播放视频,第二个播放引导警报。我想在视频上显示提醒。任何人都可以帮忙吗?

trait AbstractParent{
  def valueP: Int
}

trait Parent1 extends AbstractParent{
  val valueP = 1
}

trait Parent2 extends AbstractParent{
  val valueP = 2
}

abstract class Child1 {self: AbstractParent =>
  def value = self.valueP
}

abstract class Child2 {self: AbstractParent =>
  def value = self.valueP
}



//client code

val c11 = new Child1 with Parent1
val c21 = new Child2 with Parent1
val c12 = new Child1 with Parent2
val c22 = new Child2 with Parent2

1 个答案:

答案 0 :(得分:2)

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