Welcome, Guest
Username: Password: Remember me

TOPIC: [SOLVED] responsive

responsive 7 months 2 weeks ago #1

  • carlo@schiller.it
  • carlo@schiller.it's Avatar
  • Offline
In classic tempate, the video from vimeo and youtube are not responsive:
topteam-news.com/prova
how to do?
Thank you
example code iframe:

<div class="video-responsive">
<div align="center">
<iframe width="853" height="480" src="www.youtube.com/embed/WYNwp6QsUoI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
1111111 andreamaria
<div class="video-responsive">
<div align="center">
<iframe width="853" height="480" src="www.youtube.com/embed/-RSNvvEyQvE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
The administrator has disabled public write access.

responsive 7 months 2 weeks ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
First step:
Add this code to your css/custom.css
/* Video Iframe
========================================================================== */
.video-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
margin:20px 0;
}

Second step
Now add your video frame like this
<div class="video-responsive">
<iframe width="853" height="480" src="www.youtube.com/embed/WYNwp6QsUoI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
The administrator has disabled public write access.
The following user(s) said Thank You: carlo@schiller.it

[SOLVED] responsive 7 months 2 weeks ago #3

  • carlo@schiller.it
  • carlo@schiller.it's Avatar
  • Offline
Problem solved.
The administrator has disabled public write access.
Moderators: joomlaplates

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen