[King Fred II]

Die css doet exact hetzelfde als < IFRAME height=100% width=100% src="Youtube link" etc
Wat doet die css wat dit niet doet?



 

[GiBphoto]

Het is niet simpel meer om een website op te bouwen VideJo,,, men zegt zo vaak "vroeger was het beter", nu kan je meer op een website maar ook meer fout laten lopen pffffff
Daarom is de manier zoals Fred bezig is niet de meest geschikte of beste manier om nog en website te bouwen, via een builder schakel je al en heel aantal dingen uit die anders gewoonweg fout lopen. Maar zelfs met dat is het nog niet zo eenvoudig. Vandaar ook dat waarschijnlijk de prijzen voor het bouwen van een website steeds hoger worden (als je het zou LATEN uitvoeren dan).....

[VideJo]

Mijn oudste zoon is pro video editor en de jongste is expert in het bouwen van zakelijke websites. De eerste zoon kan ik een beetje nadoen, maar de jongste niet.

[Desert]

En ibuprofen is slecht voor de gezondheid.
Ik bedoel: Kunt U dit nog volgen, dan kunt U meer dan ik.

Beschouw het net als RAW video.
Ruwe data van de sensor en met de juiste software kan je makkelijker met de belichting, kleurcorrecties en contrasten spelen zonder kwaliteitsverlies.

HTML is de pure data en CSS is de taal om een HTML-document op te maken/verfraaien, enz.

Zo, nu hoef je die rommel ook niet meer te slikken. 

[Arvid]

Die css doet exact hetzelfde als < IFRAME height=100% width=100% src="Youtube link" etc
Wat doet die css wat dit niet doet?

Nee is niet hetzelfde en ik constateer een foutje in jou css bestand.
je mist een "punt"  voor de eerste class.
er staat nu:
video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}



Moet zijn:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

[King Fred II]

Die css doet exact hetzelfde als < IFRAME height=100% width=100% src="Youtube link" etc
Wat doet die css wat dit niet doet?

Nee is niet hetzelfde en ik constateer een foutje in jou css bestand.
je mist een "punt"  voor de eerste class.
er staat nu:
video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}



Moet zijn:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

De punt is toegevoegd en de site is niet veranderd. Ik zie nog steeds geen verschil tussen deze css en width/height=100%.

[Arvid]

Die css doet exact hetzelfde als < IFRAME height=100% width=100% src="Youtube link" etc
Wat doet die css wat dit niet doet?

Nee is niet hetzelfde en ik constateer een foutje in jou css bestand.
je mist een "punt"  voor de eerste class.
er staat nu:
video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}



Moet zijn:
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

De punt is toegevoegd en de site is niet veranderd. Ik zie nog steeds geen verschil tussen deze css en width/height=100%.

ik wel op jou site, het youtube frame gaat nu goed mee wanneer je het verkleint..  heb je de cache verwijderd van je browser? Dat is wel noodzakelijk vaak als je de css aanpast

[GiBphoto]

iDD Arvid nu is het wel in orde gekomen....

[King Fred II]

Die css doet exact hetzelfde als < IFRAME height=100% width=100% src="Youtube link" etc
Wat doet die css wat dit niet doet?

Nee is niet hetzelfde en ik constateer een foutje in jou css bestand.
je mist een "punt"  voor de eerste class.

Die punt heb ik toegevoegd en ik zie nog steeds geen verschil met "width=100% height=100%".
Die berekening zorgde er juist voor dat er niet zo'n groot zwart vlak om het filmpje heen zat, dat er nu wel is.

[GiBphoto]

Dan denk ik dat e wat mis is met je browser Fred want nu ziet het er hier wel goed uit...

[Buskees]

Ik bedoel: Kunt U dit nog volgen, dan kunt U meer dan ik.

Daarom zijn er ook gasten die het allemaal veel beter weten dan wij Jo!! Ik heb er sowieso 0,0 verstand van!!

[King Fred II]

Dan denk ik dat e wat mis is met je browser Fred want nu ziet het er hier wel goed uit...

Op mijn Windows computer heb ik 4 browsers die allemaal het hele frame zwart maken, dus hetzelfde effect als
 IFRAME width=100% height=100%
In Android ziet het er inderdaad uit zoals bij jou. Mijn conclusie is dan, dat (deze versie van) Windows die css niet herkent.

[Arvid]

Dan denk ik dat e wat mis is met je browser Fred want nu ziet het er hier wel goed uit...

Op mijn Windows computer heb ik 4 browsers die allemaal het hele frame zwart maken, dus hetzelfde effect als
 IFRAME width=100% height=100%
In Android ziet het er inderdaad uit zoals bij jou. Mijn conclusie is dan, dat (deze versie van) Windows die css niet herkent.

ook onder windows met je browser moet het goed zijn ( firefox, chrome, edge).
Als je de responsive.css opent in de browser op je windows  , staat de inhoud er dan?
https://superurl.nl/Francis_and_Hobbel/responsive.css

[GiBphoto]

Op mijn Windows computer heb ik 4 browsers die allemaal het hele frame zwart maken, dus hetzelfde effect als
 IFRAME width=100% height=100%
In Android ziet het er inderdaad uit zoals bij jou. Mijn conclusie is dan, dat (deze versie van) Windows die css niet herkent.

Zoals je kan zien, ziet het er hier helemaal goed uit na je aanpassingen die Arvid je heeft doorgegeven. Ik werk met Win10 en je site had ik bekeken gewoon met Chrome.... 

[King Fred II]

heb je de cache verwijderd van je browser? Dat is wel noodzakelijk vaak als je de css aanpast

Hoe verwijder je de cache?
Normaal zou herladen voldoende moeten zijn, maar dat heb ik met de totale site gedaan en met het deelvenster. Geen verschil. Althans niet in Windows 10.