我的播放按钮无法正常工作

Question

我使用以下代码：

<video class="video-presentation">
  <source src="media/presentation.mp4" type="video/mp4" />
</video>
<div class="playpause"></div>

我使用以下jQuery：

$('.video-presentation').parent().click(function () {
    if($(this).children(".video-presentation").get(0).paused){
        $(this).children(".video-presentation").get(0).play();
        $(this).children(".playpause").fadeOut();
    }else{
        $(this).children(".video-presentation").get(0).pause();
        $(this).children(".playpause").fadeIn();
    }
});

当我在一个单独的文件中尝试它时，一切都运行正常，但是，当我将它添加到我的网站时，它突然根本不起作用...你可以在我的网站www上看到代码。 scandinavija.com在3页（向下滚动）。

为什么脚本无法工作？

Answer 1

如果您在访问网站时打开浏览器开发人员工具，则会在控制台中发现以下错误：

Uncaught TypeError: $(...).ready(...) is not a function

看到这个答案： TypeError: jQuery(...).ready(...) is not a function