Question

我的网页上有一个没有控件的HTML5视频。我在视频上使用图像（播放图标）。我希望视频可以在点击视频或图标图像上播放/暂停。

这是我尝试使用但不起作用的脚本：

如果我点击视频它可以正常工作，同时如果我点击图标图像没有任何反应。

DB::table('users')
    ->whereIn('id', [1,2,3])
    ->update(['status' => 1]);

$(document).on('click', 'video', '#btnplay', function (e) {
        var video = $(this).get(0);
        if (video.paused === false) {
            video.pause();
            } else {
            video.play();
        }
        return false;
    });

有什么建议吗？提前谢谢。

Answer 1

$(document).on('click', 'video, #btnplay', function (e) {
        var video = $('video').get(0);  // This line has been updated.
        if (video.paused === false) {
            video.pause();
            } else {
            video.play();
        }
        return false;
    });

说明：需要进行两项更改，两个选择器在一个倒置的逗号中，虽然我们点击其中任何一个，但请获取视频＆＃39;元素供参考，所以代替$（this）.get（0）我将其更改为$（＆＃39; video＆＃39;）。get（0）所以我们点击图标或点击视频标签本身，它始终仅指视频标签。

HTML5播放图像或视频点击暂停视频

1 个答案: