Youtube player over hele breedte

Gestart doorRobertt14 reacties70 weergaven

15 berichten · pagina 1 van 1

Robertt

Lid · Topicstarter

Berichten
1.579
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hallo,

Ik probeer een YouTube filmpje in een div te krijgen. Deze div is H: 200px W: 100%. Nu wil ik dat de inhoud van het filmpje over de hele breedte komt. Dit doet die niet heb al gekeken naar responsive maar dan krijg je dus wat ik niet zij een klein vakje.
Afbeelding
0
Berichten
20.364
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Laat je code is zien smile
0
Robertt

Lid · Topicstarter

Berichten
1.579
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Shahiem schreef:
Laat je code is zien smile
Helemaal vergeten shutup
CSS:

Codeblok (voorbeeld.php):
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

.video-slider {
position: relative;
padding-bottom: 200px;
width: 100%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-slider iframe,
.video-slider object,
.video-slider embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

HTML:

Codeblok (voorbeeld.php):

1
2
3
0
Berichten
1.871
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Robertt, wanneer ik die HTML en die CSS doe krijg ik gewoon de player over de gehele breedte?
0
Robertt

Lid · Topicstarter

Berichten
1.579
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nielsjojo schreef:
Robertt, wanneer ik die HTML en die CSS doe krijg ik gewoon de player over de gehele breedte?
Ja dat klopt, maar het gaat om het filmpje er in. Die moet over de hele breedte is dat mogelijk daar gaat het om. Het is mogelijk maar dan moet de height ook veel meer zijn.
0
Berichten
1.871
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Je wilt de video dus uitrekken / inzoomen als ik je goed begrijp?
0
Robertt

Lid · Topicstarter

Berichten
1.579
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nielsjojo schreef:
Je wilt de video dus uitrekken / inzoomen als ik je goed begrijp?
Daar komt het wel op neer ja, ik wil dat je het filmpje over de hele lengte heb maar wel 200px hoog.
0
Berichten
1.059
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dat kan (volgens mij) niet met html? Moet je het filmpje zelf aanpassen.. confused
0
Berichten
14.025
Reputatie
1
Punten
0,01
Lid sinds
Laatst gezien
Jordii schreef:
Dat kan (volgens mij) niet met html? Moet je het filmpje zelf aanpassen.. confused
Jep, dat zou je zelf moeten doen.
0
Robertt

Lid · Topicstarter

Berichten
1.579
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Weet iemand als het mogelijk is om een frame in een div te laden maar dat de div niet groter wordt. Op deze manier kan ik het misschien doen dat een fullscreen player in die div staat en niet erbuiten. Dat je alleen halve wegen 200px ziet of boven in maar je wel de player ziet draaien.
0
Berichten
1.871
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Misschien dat je met z-index een grote div met de player achter een kleinere div kunt doen?
0
Berichten
3.425
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Of je download de video en doet m op je site uploaden en zelf includen?
0
Robertt

Lid · Topicstarter

Berichten
1.579
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Desire schreef:
Ik heb het hier ook:
Www.djharmonics.com/website/music.html

Ja maar het filmpje zelf moet 100% widht ook hebben ..
Riick schreef:
Of je download de video en doet m op je site uploaden en zelf includen?
Dit is geen optie. Elke dag komen er honderd(?) nummers bij.
0
Berichten
12.729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
De verhouding kun je natuurlijk niet aanpassen. Als je hem verbreedt naar 100% en een hoogte mee geeft van 200 pixels dan berekend hij die verhouding naar 200 pixels.
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren