Skip to main content

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 2.5 die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

Youtube in een "kader"

Youtube in een "kader"

13 jan 2013 20:44
#1
Hallo allemaal,

Ik wil graag video's op Youtube tonen in een kader zoals een oude TV. Ik gebruik Allvideos en dat werkt prima maar ik wil de filmpje in een TV tonen (zie bijlage)
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.

Ik kom er niet uit of dit wel kan.

Greetz
ratar
  • Ratar
  • Ratar's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 284

Youtube in een "kader"

13 jan 2013 21:23
#2
Mogelijk kun je experimenteren om dit plaatje als achtergrond in een artikel te gebruiken en in het het artikel ook de load position van Youtube.

Jan
  • jan
  • jan's berichtenfoto
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 566

Youtube in een "kader"

13 jan 2013 21:38
#3
Even wat geëxperimenteerd omdat ik het wel een leuk idee vind, en met een artikel kom ik vrij ver. Een achtergrond plaatje lukte me nog niet maar ik kan de loadpositie wel in css met een
Code:
position: absolute;
op de goede plaats krijgen. Het plaatje moet iets groter om youtube in het scherm te krijgen.
Succes!

Jan
  • jan
  • jan's berichtenfoto
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 566

Youtube in een "kader"

14 jan 2013 12:05
#4
Hoi Jan,

Leuk dat je ermee bezig bent...Ik zal ook eens kijken of dit kan.

Greetz
ratar
  • Ratar
  • Ratar's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 284

Youtube in een "kader"

15 jan 2013 15:35
#5
Hoi Jan,

Ik krijg het ook niet voor elkaar....jammer maar helaas!

Greetz
ratar
  • Ratar
  • Ratar's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 284

Youtube in een "kader"

15 jan 2013 15:53
#6
Als je wat concreter bent over wat niet lukt kan ik je mogelijk nog tips geven. Maar dat is aan jou!

Jan
  • jan
  • jan's berichtenfoto
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 566

Youtube in een "kader"

15 jan 2013 16:08
#7
Hoi Jan,

Ik krijg het filmkader niet in de afbeelding. Waar zou ik dit moeten aanpassen met css?

Greetz ratar
  • Ratar
  • Ratar's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 284

Youtube in een "kader"

15 jan 2013 16:30 - 15 jan 2013 16:31
#8
Dat is afhankelijk van je Template, bij mij is dat template.css
Code:
ul, ol { list-style-position: outside; list-style-type: square; padding-left: 30px; margin-top: 6px; margin-bottom: 6px; }

Waarbij ik dan de margin-top op ongeveer -70px zet en de padding aanpas om in de breedte de juiste positie te vinden.

Met Firefox zou je dat makkelijk moeten kunnen vinden.

Jan
  • jan
  • jan's berichtenfoto
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 566

Youtube in een "kader"

15 jan 2013 17:02
#9
Aanvanklijk was ik uitgegaan van een position: absolute
Maar dat kan ook zonder: ik kom dan uit op
Code:
Margin-top: - 480px padding right: 80px
padding left kom te vervallen.
zie: bijlage
Jan
  • jan
  • jan's berichtenfoto
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 566

Youtube in een "kader"

16 jan 2013 13:34
#10
Bedankt Jan,

Ik ga het proberen...

greetz
ratar
  • Ratar
  • Ratar's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 284

Youtube in een "kader"

16 jan 2013 13:56 - 16 jan 2013 13:57
#11
Interressant onderwerp.

Ik kan mij indenken dat je de video over de afbeelding heen plaats en hem positioneerd.
Code:
<div style="background-image: url(/AchtergrondAfbeelding.jpg);"> <!--- Embedded van de video met de stijl="position: absolute; top: 0px; left: 0px; z-index: 100;" ---> </div>

Je zou ook alleen de z-index kunnen gebruiken en beiden dan op de juiste locatie positioneren. Je zou de z-index kunnen omschrijven als de stacking order van elementen.
  • JUR2012
  • JUR2012's berichtenfoto
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 71
Moderators: JelleRomke
Tijd voor maken pagina: 0.853 seconden
Gemaakt door Kunena

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie