Javascript YouTube视频响应，章节停止

我需要把一堆YouTube视频与章节停止，像上面的链接，进入一个响应网站，使其响应

我知道如何使用下面的代码使YouTube视频响应

<style type="text/css">
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>

<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/o_Qc3XJJuyI" frameborder="0" allowfullscreen></iframe>
</div>

.视频容器{
位置：相对位置；
垫底：56.25%；
填充顶部：30px；高度：0；溢出：隐藏；
}
.视频容器iframe，
.视频容器对象，
.视频容器嵌入{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}

但是，由于这包含章节停止，我不知道从哪里开始，我如何使用上面的代码和下面的代码，使视频和章节停止响应

这是我的密码

<h1>A Closer Look at The Value of MRIs</h1>

<!--CHAPTER VIDEO-->
<link rel="stylesheet" href="http://mymsaa.org/chapters/chapter_marker_player3.css">
<script type="text/javascript" src="http://mymsaa.org/chapters/odd.js"></script>
<script type="text/javascript" src="http://mymsaa.org/chapters/chapter_marker_player3.js"></script>

<div id="iframe-session-player"></div>

<script type="text/javascript">
ChapterMarkerPlayer.insert({
  container: 'iframe-session-player',
  videoId: 'o_Qc3XJJuyI',
  width: 560,
// BEGIN_INCLUDE(define_chapters)
  chapters: {
    11: 'Introduction/Part 1. Getting an MRI',
    700: 'Part 2. Learning from a Neurologist',
    1782: 'Part 3. MSAAs MRI Programs',

  }
// END_INCLUDE(define_chapters)
});
</script>
<!--CHAPTER VIDEO-->

<p>The use of magnetic resonance imaging (MRI) plays an important role in diagnosing multiple sclerosis, tracking disease progression, and evaluating the effectiveness of prescribed therapy. This three-part program features interviews with an MS patient describing her experience undergoing an MRI exam, a noted neurologist explaining the value of an MRI, and a representative of MSAA discussing the organization's two MRI financial assistance programs.</p>

MRIs的价值近观
ChapterMarkerPlayer.insert({
容器：“iframe会话播放器”，
videoId:“o_Qc3XJJuyI”，
宽度：560，
//开始包括（定义章节）
章节：{
11:“导言/第1部分：核磁共振成像”，
700:“第二部分，向神经学家学习”，
1782:“第3部分：MSAAs MRI程序”，
}
//结束包括（定义章节）
});
磁共振成像（MRI）在诊断多发性硬化症、追踪疾病进展和评估处方治疗效果方面发挥着重要作用。这项由三部分组成的计划包括采访一位MS患者，描述她接受MRI检查的经历，一位著名的神经学家解释MRI的价值，以及一位MSAA代表讨论该组织的两项MRI财政援助计划

希望这将有助于引导您进入正确的响应方向

将您希望响应的所有内容包装在容器中，为容器中的所有内容指定100%的宽度，然后在必要时通过媒体查询对容器的iframe进行调整

.responsive{
    width:80%;
    margin:0px auto;
}

.responsive iframe {
    height:300px;
}
@media(min-width:768px){
    .responsive iframe {
         height:450px;   
    }
}
@media(min-width:992px){
    .responsive iframe{
         height:550px;   
    }
}
@media(min-width:1200px){
     .responsive iframe {
         height:660px;   
     }
}

---

我认为您为youtube视频显示的响应代码无法正常工作。