我已经尝试了一段时间来使这个盒子响应。看看 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>
答案 0 :(得分:0)
不幸的是,因为iframe不在同一个域(https://restudy.dk/ vs http://xn--stergaardpagels-4tb.dk/dkc/test.html),并且因为嵌入的视频没有使用100%宽度和100%高度,所以无法做到你想要完成什么。