jquery - 用户检查输入后，如何隐藏youtube视频中的控件？

Question

我想创建一个“电影模式”，使用户可以观看视频而无需控件或视频标题。
我的想法是这样的:

<iframe src="//youtube.com/embed/8QgNZcAA9Pk" allowfullscreen="" style="overflow-x: hidden; overflow-y: hidden;" height="569" frameborder="0"></iframe>
<input type="checkbox" id="hide-controlls"> Hide controlls, like in a movie!
<script src="//code.jquery.com/jquery-1.11.1.js"></script>
<script>   
 $('#hide-controlls').click(function () {
        $(".html5-video-controls").toggle(this.checked);
    }); 
</script>

但是看起来好像行不通，而且我也不知道为什么，因为代码似乎是正确的，但是复选框却无济于事。
我怎么了

Answer 1

从https://developers.google.com/youtube/player_parameters

controls = 0 –播放器控件不显示在播放器中。对于IFrame嵌入，Flash Player会立即加载。

controls = 1(默认)–播放器控件在播放器中显示。对于IFrame嵌入，控件将立即显示，并且Flash Player也将立即加载。

controls = 2 –播放器控件在播放器中显示。对于IFrame嵌入，在用户启动视频播放之后，控件就会显示并加载Flash Player。