Question

我试图通过.click功能使用jQuery打开和播放视频。我已经在各个网站上看到了这一点，在网站的某个部分有一个播放按钮，当它点击时，网站的其余部分变暗，视频播放器打开＆＃39; s，视频播放。我想在我的网站上实现这一点，但我不确定如何继续。真诚地感谢任何帮助。谢谢！

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

Answer 1

以下是您需要的简化演示：

＆＃13;

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

＆＃13;

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

＆＃13;

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

1 个答案: