Javascript 暂停youtube视频并使用表单显示div

我的网站上有一个youtube视频：

Tyr此：

HTML:

 <div id="video">
          <iframe id="iframe" width="560" height="315" src="https://www.youtube.com/embed/W5MZevEH5Ns" frameborder="0" allowfullscreen ></iframe> 
        </div>
    <div id="message">
        <h1>how do you like the video so far? </h1>
        <div id="question">
          <form> 
            <input type="radio" name="question" value="poor" checked>Poor<br> 
            <input type="radio" name="question" value="good">Good<br> 
            <input type="submit" value="Submit"> 
          </form>
        </div>
    <div>

到目前为止你觉得这段视频怎么样？
差

好的

JQuery：

<script>

 $(document).ready(function(){
        // hiding message on load
        $("#message").hide();

        // time out function
        setTimeout(function(){
        var yourIframe = ('iframe#iframe');
        var src = $('#iframe').attr('src');      

        $('#iframe').attr('src', '').attr('src', src);//pause youtube video
        $("#message").show(); // show message 
        }, 5000);

 });

</script>

$（文档）.ready（函数（）{
//加载时隐藏消息
$（“#消息”）.hide（）；
//超时功能
setTimeout（函数（）{
var yourIframe=（'iframe#iframe'）；
var src=$（'#iframe'）.attr（'src'）；
$（'iframe'）.attr（'src'，''）.attr（'src'，'src）；//暂停youtube视频
$（“#消息”）.show（）；//显示消息
}, 5000);
});

在打开和关闭弹出窗口时，使用以下代码暂停和恢复视频，而不是停止并再次启动视频

var iframe = document.getElementsByTagName("iframe")[0].contentWindow;

iframe.postMessage('{"event":"command","func": "playVideo","args":""}','*');
iframe.postMessage('{"event":"command","func": "pauseVideo","args":""}','*');

---

在一般情况下，尽可能多地停止goes@LucaKiebel基于yt播放器api@marzelin哇，谢谢，这正是我需要的！这对我不起作用。不管视频是否播放，它只是显示了表单。而且，当视频播放时，代码不会暂停。我还对一些css/javascript组合感兴趣，这些组合会在视频暂停时将问题覆盖在视频顶部。好的，这应该暂停视频，但如何使视频在percise时刻暂停，例如“00:15”？这意味着在视频的第15秒，所以如果我从第16秒开始看，它不应该停止