使当前 div 响应

Question

我已经尝试了一段时间让这个框响应。看看 my webpage。当 Flash 播放器小于 480 x 299 时会出现问题。

我从 restudy 那里获得了视频，这是一个学习数学的丹麦网站。我试图将它嵌入我的网站，但视频没有随面板调整大小。

   <div id="res_videoplayer717658626d64706355777035365a424a69434f4355673d3d#595a35567868612f2f2f5634554370307461315962773d3d#0_div" autostart="off"  player_size="small" class="res_videoplayer_div"></div>

我尝试为 div 添加另一个 ID，但这也没有用。有什么建议吗？

我的整个代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="css/bootstrap.css" media="screen">
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="../bower_components/html5shiv/dist/html5shiv.js"></script>
      <script src="../bower_components/respond/dest/respond.min.js"></script>
    <![endif]-->

</head>
<body>

<div class="container">
  <div class="row topcontrol">
    <div class="col-sm-6">
      <div class="panel panel-primary">
        <div class="panel-body">

          <div id="res_videoplayer717658626d64706355777035365a424a69434f4355673d3d#595a35567868612f2f2f5634554370307461315962773d3d#0_div" autostart="off"  player_size="small" class="res_videoplayer_div"></div>

        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <div class="panel panel-primary">
        <div class="panel-body">

          <div id="res_videoplayer717658626d64706355777035365a424a69434f4355673d3d#595a35567868612f2f2f5634554370307461315962773d3d#0_div" autostart="off"  player_size="small" class="res_videoplayer_div"></div>

        </div>
      </div>
    </div>    

  </div>
</div>

<script type="text/javascript" src="https://cdn.restudy.dk/scripts/addvideo.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
</body>
</html>

Answer 1

不幸的是，因为 iframe 不在同一个域中（https://restudy.dk/ vs http://xn--stergaardpagels-4tb.dk/dkc/test.html），并且因为嵌入的视频没有使用 100% 宽度和 100% 高度，所以无法完成您想要完成的事情。

使当前 div 响应

Make current div responsive

html

responsive

flash