Totara Learn Open Discussions

Centering an iframe

 
Janne Butcher
Centering an iframe
بواسطة Monday, 16 December 2019, 2:33 PM - Janne Butcher
 

Hi

We are using an iframe in a lesson to link to our video stream from Vimeo.  How do I get it to display in the middle of the lesson page instead on the left?

This is the current embed code we are using

<iframe src="https://player.vimeo.com/video/tba" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>


Thanks heaps

Craig Eves
Re: Centering an iframe
بواسطة Monday, 16 December 2019, 6:30 PM - Craig Eves (Totara Support)
مجموعة Totara

Hi Janine

I am not sure on how this can be achieved - if you add html code to center this the code is stripped out by the editor.

regards



Anna Ross
Re: Centering an iframe
بواسطة Tuesday, 17 December 2019, 11:00 AM - Anna Ross
 

Hi Janne,


We are using the Atto HTML editor and are on V10 with a responsive template. I can get an iframe to centre by adding a div around the iframe (bold) and putting style attributes on the div. The key part to getting this to work on our site is to set the width of the div to the same width as the iframe (underlined).

<div style="margin:0 auto; text-align: center; width:640px;">
<iframe src="https://player.vimeo.com/video/tba" allow="autoplay; fullscreen" allowfullscreen="" width="640" height="360" frameborder="0"></iframe>
</div>

Hope this is helpful.
Janne Butcher
Re: Centering an iframe
بواسطة Monday, 27 January 2020, 7:31 PM - Janne Butcher
 
thanks Anna - it certainly was :)