THELIA Forum

Welcome to the THELIA support and discusssion forum

Announcement

Rejoignez la communauté sur le Discord Thelia : https://discord.gg/YgwpYEE3y3

Offline

#1 Iframe Responsive

(29-03-2018 10:46:06)


Bonjou,

Lors d'un ajout de contenu vidéo, par exemple issue de Youtube, on peut modifier les dimensions.
Ok, mais en responsive ce serait mieux :-)

Comment associer cette vidéo à un CSS Responsive ?
Ou existe-t'il une option pour le faire via l'éditeur ?

CSS à faire au cas où :

<div class="flex-video clearboth">#IFRAME</div>

et le css

<style>
/* ================= RESPONSIVE IFRAME ================== */
.flex-video {
    position:relative;
    padding-bottom:67.5%;
    height:0;
    overflow:hidden;
    margin-bottom:30px;
    margin-top:30px;
}
.flex-video.widescreen {
    padding-bottom:37.25%;
}
.flex-video.vimeo {
    padding-top:0;
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    outline:none;
    border:none;
}
</style>

Gil


Gil - Webmarketing - Photographe Google Street View