暂停使用YouTube视频和显示DIV与窗体

我有我的网站上的YouTube视频：暂停使用YouTube视频和显示DIV与窗体

<div id="video"> 
 
    <iframe width="560" height="315" src="https://www.youtube.com/embed/some_video" frameborder="0" allowfullscreen></iframe> 
 
</div>

一些固定的时间后，我要暂停，并询问用户问题通过在视频覆盖的一种形式：

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

什么是JavaScript代码来暂停视频后一段固定的时间，什么是css用于很好地显示表单？基本上我想模仿一次看起来像coursera.org的讲座。

来源

2017-07-25 Jan Potworowski

[如何在隐藏iframe时暂停YouTube播放器？]（https://stackoverflow.com/questions/8667882/how-to-pause-a-youtube-player-when-hiding-the-iframe）至于一般停止 – Luca

@LucaKiebel这是不是很重复 – William

基于YT播放器API https://jsfiddle.net/g4b3ghLp/ – marzelin

酪氨酸这样的：

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>

来源

2017-07-25 15:11:13

这不适合我。无论视频是否播放，它只是显示了表单。此外，播放视频时，代码不会暂停播放。我还对一些css/javascript组合感兴趣，它会在视频暂停时覆盖视频顶部的问题。 –

使用下面的代码暂停和恢复对开放视频和关闭弹出窗口，而不是停止和启动视频再次

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

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

来源

2017-07-25 15:24:49 Prabhakaran

好吧，这应该暂停视频，但我该如何让视频暂停自己，例如'00：15'？这意味着在视频的第15秒，所以如果我从第16秒开始观看，它就不会停下来 –

暂停使用YouTube视频和显示DIV与窗体

回答

相关问题