WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.13.x) »
  • General Help & Support »
  • Hilfe & Support (deutsch) »
  • Videos als I-Frame nebeneinander und Text unter dem Video
  • Print
Pages: [1]   Go Down

Author Topic: Videos als I-Frame nebeneinander und Text unter dem Video  (Read 15699 times)

Offline Siggit

  • Posts: 158
Videos als I-Frame nebeneinander und Text unter dem Video
« on: July 11, 2023, 01:46:13 PM »
Hallo,

ich versuche gerade gerade 2 Youtube Videos als I-Frame responsive einzubinden.

WB Version: 2.13.2 r133
Template: Hortal

Das mit den Videos habe ich soweit auch hinbekommen. Mein Ziel ist unter das jeweilige Video noch einen Text links ausgerichtet zu bekommen. Der Umbruch der Videos klappt auch bei kleineren Diplayauflösungen. Leider steht der Text nicht da wo er hin soll. finde irgendwie keinen richtigen Ansatz.

Bsp.

Video 1                            Video 2
Beschreibung Video 1        Beschreibung Video 2

html Code:
Code: [Select]
<div class="card">

<div class="media_links"><iframe frameborder="0" height="210" marginheight="0" marginwidth="0" name="Video 1" scrolling="no" src="https://www.youtube.com/embed/1234567890" title="Beschreibung für Video 1" type="text/html" width="374"></iframe></div>
<div class="titel_links"><p>Video 1</p></div>

<div class="media_rechts"><div class="media_links"><iframe frameborder="0" height="210" marginheight="0" marginwidth="0" name="Video 2" scrolling="no" src="https://www.youtube.com/embed/0987654321" title="Beschreibung für Video 2" type="text/html" width="374"></iframe></div>

<div class="titel_rechts"><p>Video 2</p></div>
</div>

CSS Code:

Code: [Select]
.card {
  display: flex;
  flex-wrap: wrap;
  background: #111;
}
.card > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 280px;
  display: flex;
  justify-content: center;
}
.media_links {
  background: #111;
  min-height: 280px;
  max-width:100%;
}
.titel_links {
  background: #111;
  min-height: 280px;
  max-width:100%;
  text-align:left;
}
.media_rechts {
  background: #111;
  min-height: 280px;
  max-width:100%;
}
.titel_rechts {
  background: #111;
  min-height: 280px;
  max-width:100%;
  text-align:left;
}

Muss ich da im Quellcode oder im CSS ansetzen?

Vielen Dank.

« Last Edit: July 11, 2023, 01:56:22 PM by Siggit »
Logged

Offline Siggit

  • Posts: 158
Re: Videos als I-Frame nebeneinander und Text unter dem Video!!! Gelöst!!!
« Reply #1 on: July 11, 2023, 02:18:44 PM »
habe die Lösung gefunden!!!

neu erstellt <div class="video-frame">

<div class="titel_links"><p>Video 1</p></div>
<div class="titel_rechts"><p>Video 2</p></div>
nach </iframe> verschoben.

Code: [Select]
<div class="card">
<div class="video-frame">
<div class="media_links"><iframe frameborder="0" height="210" marginheight="0" marginwidth="0" name="Video 1" scrolling="no" src="https://www.youtube.com/embed/1234567890" title="Beschreibung für Video 1" type="text/html" width="374"></iframe><div class="titel_links"><p>Video 1</p></div>
</div>
</div>
<div class="media_rechts"><div class="media_links"><iframe frameborder="0" height="210" marginheight="0" marginwidth="0" name="Video 2" scrolling="no" src="https://www.youtube.com/embed/0987654321" title="Beschreibung für Video 2" type="text/html" width="374"></iframe><div class="titel_rechts"><p>Video 2</p></div>
</div>
</div>
</div>

 :-D
Logged

Offline hgs

  • WebsiteBaker Org e.V.
  • **
  • Posts: 1883
    • EFG MG
Re: Videos als I-Frame nebeneinander und Text unter dem Video
« Reply #2 on: July 12, 2023, 02:57:33 PM »
Danke für´s teilen (Y)
Logged
LG Harald

"Fange nie an, aufzuhören - höre nie auf, anzufangen." Marcus Tullius Cicero (106-43 v.Chr.)

"Never begin to stop - never stop beginning." Marcus Tullius Cicero (106-43 BC)

Offline Siggit

  • Posts: 158
Re: Videos als I-Frame nebeneinander und Text unter dem Video
« Reply #3 on: July 18, 2023, 10:22:04 AM »
Quote from: hgs on July 12, 2023, 02:57:33 PM
Danke für´s teilen (Y)
Gerne doch.  :-)
Logged

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.13.x) »
  • General Help & Support »
  • Hilfe & Support (deutsch) »
  • Videos als I-Frame nebeneinander und Text unter dem Video
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2