Javascript 希望通过jquery显示视频，但单击事件不起作用

我正在尝试使用单击事件显示视频，但单击事件不会触发

代码如下：

<div id="video-section">
    <div class="radial-progress">
        <div class="r-circle">
            <div class="mask full">
                <div class="fill"></div>
            </div>
            <div class="mask half">
                <div class="fill"></div>
                <div class="fill fix"></div>
            </div>
        </div>
        <div class="inset">
            <i class="fa fa-caret-right"></i>
        </div>
    </div>
    <iframe src="//player.vimeo.com/video/92371445"></iframe>
</div>  <!-- end video-section -->

你可以看到我的，它不适合播放视频

---

更新：我自己修好了。当我将代码放入最后一个js文件时，出现了另一个js get错误，因此无法加载此代码。我还添加了一些代码，使其在单击“播放”按钮时播放。

jQuery未加载到您的笔中。这就是为什么。你还需要更正iframe src。感谢我的项目中的@Terry，我已经先加载了我的页面，但我不知道为什么它不起作用。你需要vimeo js API才能播放视频。代码所做的就是取消隐藏iframe。不适用于Mac上的Firefox，但适用于Safari和Chrome。

$('#video-section .radial-progress').on('click', function() {
  $('#video-section > iframe').show();
});