2017-07-26 1 views
-3

J'ai essayé depuis un certain temps de rendre cette boîte sensible. Regardez my webpage. Le problème apparaît lorsque le lecteur flash est plus petit que 480 x 299.Rendre la réponse div actuelle

J'ai obtenu les vidéos de restudy qui est un site danois pour étudier les mathématiques. Im essayant de l'intégrer à mon site Web mais la vidéo ne se redimensionne pas avec le panneau. J'ai essayé d'ajouter un autre id pour le div, mais cela n'a pas fonctionné non plus. Aucune suggestion?

Mon code complet est le suivant:

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

Faites-en réactif de quelle manière exactement? Empêchez-le de se rétrécir ou de redimensionner les vidéos. – William

+1

Veuillez ajouter un code significatif et une description du problème ici. Ne faites pas que lier le site qui a besoin de réparation - sinon, cette question perdra toute valeur pour les futurs visiteurs une fois que le problème est résolu ou si le site que vous liez à est inaccessible. L'affichage d'un [Exemple minimal, complet et vérifiable (MCVE)] (https://stackoverflow.com/help/mcve) indiquant que votre problème vous aiderait à obtenir de meilleures réponses. Pour plus d'informations, voir [Quelque chose sur mon site web ne fonctionne pas. Puis-je simplement coller un lien?] (Https://meta.stackexchange.com/questions/125997/) Merci! – j08691

+0

@William oui exacly faire redimensionner les vidéos. – Kalle

Répondre