Ergebnis 1 bis 6 von 6

Thema: 2 Videos nebeneinander

  1. #1
    HTML Newbie
    Registriert seit
    07.04.2016
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage 2 Videos nebeneinander

    Hallo Zusammen,

    bin neu hier und Themen wie Html/Java/CSS sind auch neuland für mich .
    Habe ein Problem mit einer Seite. Die Videos werden untereinander dargestellt. Wie kann ich diese nebeneinander anordnen.

    Sieht folgendermaßen aus :

    <!DOCTYPE HTML>
    <html>
    <head>
    <title>STF DEPOLAMA</title>
    <style type="text/css">
    body { background-color: #fdfdfd; padding: 0 20px; color:#000; font: 13px/18px monospace; width: 800px;}
    a { color: #360; }
    h3 { padding-top: 20px; }
    </style>
    <!-- Load player theme -->
    <link rel="stylesheet" href="themes/maccaco/projekktor.style.css" type="text/css" media="screen" />
    <!-- Load jquery -->
    <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
    <!-- load projekktor -->
    <script type="text/javascript" src="projekktor-1.3.09.min.js"></script>
    </head>
    <body>

    <div id="player_a" class="projekktor"></div>
    <script type="text/javascript">
    $(document).ready(function() {
    projekktor('#player_a', {
    poster: 'media/intro.png',
    title: 'this is projekktor',
    playerFlashMP4: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
    playerFlashMP3: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
    width: 640,
    height: 385,
    playlist: [
    {
    0: {src: "media/intro.ogv", type: "video/ogg"},
    1: {src: "media/intro.mp4", type: "video/mp4"},
    2: {src: "media/intro.webm", type: "video/webm"}
    }
    ]
    }, function(player) {} // on ready
    );
    });
    </script>
    </body>


    <body>


    <div id="player_b" class="projekktor"></div>
    <script type="text/javascript">
    $(document).ready(function() {
    projekktor('#player_b', {
    poster: 'media/intro2.png',
    title: 'this is projekktor',
    playerFlashMP4: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
    playerFlashMP3: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
    width: 640,
    height: 385,
    playlist: [
    {
    0: {src: "media/intro2.ogv", type: "video/ogg"},
    1: {src: "media/intro2.mp4", type: "video/mp4"},
    2: {src: "media/intro2.webm", type: "video/webm"}
    }
    ]
    }, function(player) {} // on ready
    );
    });
    </script>
    </body>


    </html>




    Wäre super wenn mir jemand behilflich sein könnte.

    Dank im vorraus .
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von MrGandhi (07.04.2016 um 11:38 Uhr)

  2. #2
    Teeny
    Registriert seit
    30.07.2015
    Beiträge
    20
    Danke
    2
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: 2 Videos nebeneinander

    Du hast deinen Body auf 800px Breite begrenzt. Jedes Video bekommt ne Breite von 640px. Nach Adam Riese passen da dann keine 2 nebeneinander

  3. #3
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: 2 Videos nebeneinander

    Ein Link zur Seite wäre besser.
    Vielleicht braucht #player_a noch ein float:left; und width:50%;

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    07.04.2016
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: 2 Videos nebeneinander

    Zitat Zitat von Surenamba Beitrag anzeigen
    Du hast deinen Body auf 800px Breite begrenzt. Jedes Video bekommt ne Breite von 640px. Nach Adam Riese passen da dann keine 2 nebeneinander

    Danke für die Antwort. Hab die Breite auf 1200px und die Video Breite auf 320px . Trotzdem kommen die Videos nicht nebeneinander .

    - - - Aktualisiert - - -

    Leider noch kein Link zur Seite vorhanden . Da ich es noch Lokal ausprobiere.

  5. #5
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: 2 Videos nebeneinander

    Dann poste doch dein bisheriegen kompletten Code.
    Wenn nicht dann füge diese Deklarationen ein und test ob es funktioniert.
    Code:
    html {
     background:#000;
    }
    body { 
     padding:10px 10px 10px 0px;
     margin:0 auto;
     background:#aaa;
     height:800px;
     width:800px;
     position:relative;
    }
    #player_a,#player_b {
     float:left;
     margin-left:10px;
    }
    HTML
    Code:
    <div id="player_a" class="projekktor"></div>
    <script type="text/javascript">
    $(document).ready(function() {
    projekktor('#player_a', {
    poster: 'media/intro.png',
    title: 'this is projekktor',
    playerFlashMP4: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
    playerFlashMP3: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
    width: 390,
    height: 220,
    playlist: [
    {
    0: {src: "media/intro.ogv", type: "video/ogg"},
    1: {src: "media/intro.mp4", type: "video/mp4"},
    2: {src: "media/intro.webm", type: "video/webm"}
    }
    ]
    }, function(player) {} // on ready
    );
    });
    </script>
    
    <div id="player_b" class="projekktor"></div>
    <script type="text/javascript">
    $(document).ready(function() {
    projekktor('#player_b', {
    poster: 'media/intro.png',
    title: 'this is projekktor',
    playerFlashMP4: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
    playerFlashMP3: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
    width: 390,
    height: 220,
    playlist: [
    {
    0: {src: "media/intro.ogv", type: "video/ogg"},
    1: {src: "media/intro.mp4", type: "video/mp4"},
    2: {src: "media/intro.webm", type: "video/webm"}
    }
    ]
    }, function(player) {} // on ready
    );
    });
    </script>
    Geändert von djheke (07.04.2016 um 20:53 Uhr)

  6. #6
    HTML Newbie
    Registriert seit
    24.09.2015
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: 2 Videos nebeneinander

    Servus,

    warum nimmst du den FLASH ?!

    Ich habe nicht deinen CODE genommen, ist aber das selbe.
    djheke hat schon recht mit float left und width 50%.

    Habe mal auf die schnelle was gebastelt ;D

    https://jsfiddle.net/kvxa970k/

    Hoffe es hilft dir.

Ähnliche Themen

  1. DIV nebeneinander anordnen?
    Von Niclas im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 21.02.2013, 23:06
  2. bilder nebeneinander
    Von joy im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 10.08.2005, 21:23
  3. div's nebeneinander
    Von im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 11.06.2004, 19:25

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •