Javascript HTML5在图像上播放暂停视频或单击视频

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

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

如果我点击视频，它工作正常，同时如果我点击图标图像，什么也不会发生

$（文档）。在（'click'，'video'，'btnplay'，函数（e）{
var video=$（this.get）（0）；
如果（video.paused==false）{
video.pause（）；
}否则{
video.play（）；
}
返回false；
});

您的浏览器不支持视频标记。

说明：需要两个更改，两个选择器用一个倒逗号表示，尽管我们单击其中任何一个，但获取“video”元素以供参考，因此不再使用$（this）。get（0）我将其更改为$（“video”）。get（0）因此，我们要么单击图标，要么单击视频标记本身，它始终只引用视频标记

说明：需要两个更改，两个选择器用一个倒逗号表示，尽管我们单击其中任何一个，但获取“video”元素以供参考，因此不再使用$（this）。get（0）我将其更改为$（“video”）。get（0）因此，我们要么单击图标，要么单击视频标记本身，它始终只引用视频标记
 感谢您的回复，但它不起作用，在这种情况下，单击视频也不能开始播放。@DFD，再次更新了我的答案。请试试这个。欢迎@DFD，很乐意帮忙。非常感谢你接受我的答案并投票表决。需要做两个更改，两个选择器用一个倒逗号表示，尽管我们单击其中任何一个，但会获取“video”元素以供参考，因此不是使用
$（此项）。get（0）
我将其更改为
$（“video”）。get（0）
因此，我们单击图标或单击视频标记本身，它总是引用视频标记。感谢您的回复，但它不起作用，在这种情况下，单击视频也不能开始播放。@DFD，再次更新了我的答案。请试试这个。欢迎@DFD，很乐意帮忙。非常感谢你接受我的答案并投票表决。需要做两个更改，两个选择器用一个倒逗号表示，尽管我们单击其中任何一个，但会获取“video”元素以供参考，因此不是使用
$（这个）。get（0）
我将其更改为
$（“video”）。get（0）
因此，我们要么单击图标，要么单击视频标记本身，它总是引用视频标记。
$(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;
    });