久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

分享

HTML <video>標簽 - 視頻播放功能

 python_lover 2021-09-25

1、html代碼部分:

<div class="video_box">
  <video id="video" src="https:///otherVideo/810.mp4" poster="images/video_bg.jpg" x5-playsinline="" playsinline="" webkit-playsinline=""></video>
  <div class="video_play" id="play">
    <img src="images/play.png" alt="">
  </div>
</
div>

 

2,、js代碼部分

$(function() {
  //視頻播放
  var video = document.getElementById("video");
  var play = document.getElementById("play");
  play.onclick = function() {
    if(video.paused) {
      video.play(); //播放
      $('#play').fadeOut(); //播放按鈕隱藏
    }else {
      video.pause(); //暫停
    }
  }
  video.onclick = function() {
    video.pause(); //暫停
    $('#play').fadeIn(); //播放按鈕顯示
  }
  //結束
  video.addEventListener('ended', function() {
    $('#play').fadeIn();
  }, false);
})

    本站是提供個人知識管理的網(wǎng)絡存儲空間,,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點,。請注意甄別內(nèi)容中的聯(lián)系方式,、誘導購買等信息,謹防詐騙,。如發(fā)現(xiàn)有害或侵權內(nèi)容,,請點擊一鍵舉報。
    轉藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多