如何使用jQuery打开视频并在.click上播放？

我试图让视频打开并使用.click函数使用jQuery。我已经在不同的网站上看到了这一点，网站上有一个播放按钮，点击时，网站的其他部分变暗，视频播放器打开，视频播放。我想在我的网站上执行此操作，但我不知道如何继续。任何帮助将真诚的赞赏。谢谢！如何使用jQuery打开视频并在.click上播放？

<a class="playBtn" href="#"><i class="fa fa-play-circel fa-3x" aira-hidden="true"></i></a> <!--Is the button I want to use to activate the video.--> 
<script> 
    $(document).ready(function() { 
      $(".playBtn").click(function(){ 

      }); 
     }); 
    </script>

来源

2016-12-17 Stephen M

哪里是你的代码？ –

我添加了一些我有，但我不知道如何从那里继续下去，不好用jquery –

也粘贴视频标签'

这里有你所需要的简化演示：

$(document).ready(function($) { 
 
    $('#playButton').click(function() { 
 
     $('#myVideo')[0].paused ? $('#myVideo')[0].play() : $('#myVideo')[0].pause(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<video id="myVideo" width="320" height="240" controls> 
 
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
 
Your browser does not support the video tag. 
 
</video> 
 
<br> 
 
<button id="playButton">Play/Pause</button>

来源

2016-12-17 20:18:18

如何使用jQuery打开视频并在.click上播放？

回答

相关问题