同一个 div 中的两个帧动作答案

【问题标题】：Two frames actions in the same div同一个 div 中的两个帧动作
【发布时间】：2014-04-03 23:09:21
【问题描述】：

我已经做到了：

<body>      
  <div style="width:1170px; height:361px; border:1px solid #ccc; text-align:center;">
    <video id="video1" width="580" onclick="newDoc()" onmouseover="this.play()" onmouseout="this.pause()">          
      <source src="http://luxelumi.com/video/gio.mp4" type="video/mp4">          
      <source src="https://www.youtube.com/watch?v=NwICMK6VJoY" type="video/ogg">
      Your browser does not support HTML5 video. 
    </video>
  </iframe>      
  <video id="video2" width="580" onclick="newDoc2()" onmouseover="this.play()" onmouseout="this.pause()">        
    <source src="http://luxelumi.com/video/luxelumi.mp4" type="video/mp4">        
    <source src="mov_bbb.ogg" type="video/ogg">
    Your browser does not support HTML5 video. 
  </video>      
</div>    
<script>
  var myVideo = document.getElementById("video1");

  function playPause() {
      if (myVideo.paused) myVideo.play();
      else myVideo.pause();
  }

  function newDoc() {
      window.location.assign("http://www.google.it")
  }
  var myVideo = document.getElementById("video2");

  function playPause() {
      if (myVideo.paused) myVideo.play();
      else myVideo.pause();
  }

  function newDoc2() {
      window.location.assign("http://luxelumi.com/luxelumi.html")
  }
</script>
</body>

效果很好。
但是我希望newDoc(),newDoc2()这2个函数在视频的同一个div中打开2个URL，就像一个框架一样，如何实现呢？

谢谢

【问题讨论】：

有点难以理解您想要实现的目标。您能否附上一些模型/屏幕截图或其他内容？

标签： javascript html frame

【解决方案1】：

使用iframe 元素加载页面，例如div。

【讨论】：

我知道如何使用 iframe。但是这里怎么用呢？
我不知道该如何回答。你试过什么？

【解决方案2】：

我知道如何使用 iframe。但是这里怎么用呢？

示例：有 2 个视频 (videoA-videoB) 和 1 个 div(DivA) 和 2 个必须在同一个容器中打开的页面 (pageA, PageB)

点击VideoA打开pageA并停留在divA中
点击VideoB打开pageB并停留在divA中

【讨论】：