Hallo,
ich hätte gerne einem BB Code wie den BB Code iframe, allerdings mit der Zugabe von Responsive.
Das wäre der Code dafür
CSS
<div class="VideoContainer">
<iframe src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d158464.0184344908!2d11.700619855510066!3d51.64151981185261!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e1!4m5!1s0x47a67ca95a69bb29%3A0x43c34c6bdeaab45f!2sBurg%20Giebichenstein%20Kunsthochschule%20Halle%2C%20Campus%20Design%2C%20Neuwerk%2C%20Halle%20(Saale)!3m2!1d51.4912123!2d11.9568183!4m5!1s0x47a5e73633f0a983%3A0x7366099123f9142a!2sBernburg%20(Saale)!3m2!1d51.7916385!2d11.7401!5e0!3m2!1sde!2sde!4v1677103459178!5m2!1sde!2sde" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<style>
.VideoContainer iframe,
.VideoContainer object,
.VideoContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.VideoContainer {
position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
/* padding-bottom: 75%; /* 4:3 Aspect Ratio */
/* padding-bottom: 30px; */
/* padding-bottom: 66.66%; /* 3:2 Aspect Ratio */
height: 0;
overflow: hidden;
}
/* Diese Angabe macht HTML5 Videos responsive */
video {
width: 100% !important;
height: auto !important;
}
</style>Postet man den Code als html5, dann ist eine Karte immer in der Breite des Fenster, am PC, wie in der mobilen Version.
Postet man eine Karte über iframe, schlägt sie über die "Strenge" also nach rechts.
Ich hatte das ursprünglich für Videos in Boxen gesucht, daher der Klassenname videocontainer 