想通过jquery显示视频，但点击事件不起作用

Question

我正在尝试使用点击事件来展示视频，但点击事件不会触发。

以下是代码：

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

这是我的jquery代码

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

您可以看到我的 live example here ，它不能用于显示视频。

更新了：我自己修好了。发生的事情是当我把代码放在最后一个js文件中时，还有另外一个js get错误，因此它无法加载此代码。我还添加了一些代码，以便在点击播放按钮时播放。