Was passiert denn, wenn Du das "width" auf 100% setzt?
Hallo,
ich benutze auf meiner Startseite ein eigenes Modul, darin wird das "Video der Woche angezeigt". Diese Videos werden immer der Bildgröße des Users automatisch angepasst, soweit alles gut.
Ich habe ein altes Javascript-Code welches ich nun gerne einsetzen würde. Damit kann ich die Videos der Woche nach den jeweiligen Kalenderwochen festlegen, welche dann immer automatisch - je nach Kalenderwoche - angezeigt werden. Das Problem bei diesem Script ist, dass die Größe der Video immer fest definiert sind und somit nicht responsive sind. ich möchte, dass die Videos immer ca 100% breit sind, egal ob bei Tablet, Smartphone etc.
Die automatische Bildschirmanpassung funktioniert hervorragend wenn man den Youtube Code auf der Youtube Seite kopiert. Beispiel:
Hier ist nun das alte Javascript:HTML-Code:<div style="position:relative;height:0;padding-bottom:75.0%"><iframe src="https://www.youtube.com/embed/TBafH_kOefE?ecver=2" width="853" height="480" frameborder="0" style="position:absolute;width:100%;height:100%;left:0" allowfullscreen></iframe></div>
Code:<!-- function KalenderWoche(j,m,t) { var Datum = new Date(); if (!t) { j = Datum.getYear(); if (1900 > j) j +=1900; m = Datum.getMonth(); t = Datum.getDate(); } ******* yids[51] = '84so5FyIaug'; yids[52] = 'O1_i7VatYGA'; document.write('<width="560" height="315"><param name="movie" value="http://www.youtube.com/v/' + yids[KalenderWoche()] + '&hl=de&fs=1&rel=0&color1=0x234900&color2=0x4e9e00"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/' + yids[KalenderWoche()] + '&hl=de&rel=0&fs=1&color1=0x234900&color2=0x4e9e00" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="315"></embed></object>'); // -->
ich möchte diesen Code nun in meine Webseite einbinden, aber mwas muss ich ändern, damit die Größe der Videos automatisch je nach Desktopgröße angepasst wird?
Geändert von liz99 (22.06.2017 um 13:19 Uhr)
Was passiert denn, wenn Du das "width" auf 100% setzt?
Neue Webseite mit Joomla - Relaunch einer Joomla-Seite - Umzug?
Erstellung, Betreuung, Backups, Updates und Hosting - Monatliche Zahlweise!
WebMonkeyDesign
Da sieht gut aus, danke!
Habe nun diesen Code: width="100%" height="360"