Stretching Box div etc frage.

WeißNix

Moin Moin @all

Habe da eeen problem und frag mal hier ob das zu realisieren ist.

Also ein html textfeld kann man ja stretchen mit der maus also größer oder kleiner ziehen.

brauche das selbe prinzip, nur als div oder sonst was javascript etc, wo ich einen webplayer zbs den jwplayer
automatisch auch Stretchen kann, also größer und kleiner machen mit der maus.
also eine box wobei der player auch automatisch mit größer wird.

thx for help.

hat sich erledigt hab doch was gefunden.

HTML

<!doctype html>
<html lang="en">
<head>
  <link href="https://vjs.zencdn.net/7.2.3/video-js.css" rel="stylesheet">


  <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
  <script src="https://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Resizable - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <style>
  #resizable { width: 600px; height: 400px; padding: 0.5em; }
  #resizable h3 { text-align: center; margin: 0; }
  </style>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#resizable" ).resizable();
  } );
  </script>
</head>
<body>
 
<div id="resizable" class="ui-widget-content">
  <h3 class="ui-widget-header">Resizable</h3>
 <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="98%" height="95%"
  data-setup='{ "autoplay": true }'>
    <source src="rtmp://0.0.0.0/live/test" type='rtmp/mp4'>
  </video>
</div>
 
 
</body>
</html>

Alles anzeigen

Tags