cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
RickyLo
New Member

Wrap text around Vimeo embedded video

Jump to solution

Hi,

How do you wrap text around Vimeo embedded video?

<div style="padding:177.78% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/754990340?h=7f15f8033f&amp;badge=0&amp;autopause=0&amp;player_id=0&am..." frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="VW CV - Big Red Bash 2022"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

Where do i put the text in the coding? Thanks in advanced.

0 Kudos
1 Solution
GregoryBeyrer
Community Coach
Community Coach

Thank you @RickyLo for including the script. It is possible to add float: and appropriate padding: to the style attribute. Note that Canvas does not allow the <script> element and so that will be dropped by the Rich Content Editor. I dropped the <div> element (that padding looks weird to me) as well as position: and got it to work, as long as I added height: and width: to <iframe>. If you pick the right numbers for these, the video will look vertical and not be awkwardly letterboxed within the <iframe>.

How about this: 

 

<iframe style="float: left; padding-right: 10px;" title="VW CV - Big Red Bash 2022" src="https://player.vimeo.com/video/754990340?h=7f15f8033f&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;am..." width="180" height="320" allowfullscreen="allowfullscreen" allow="autoplay; fullscreen; picture-in-picture"></iframe>

 

View solution in original post

2 Replies
GregoryBeyrer
Community Coach
Community Coach

Thank you @RickyLo for including the script. It is possible to add float: and appropriate padding: to the style attribute. Note that Canvas does not allow the <script> element and so that will be dropped by the Rich Content Editor. I dropped the <div> element (that padding looks weird to me) as well as position: and got it to work, as long as I added height: and width: to <iframe>. If you pick the right numbers for these, the video will look vertical and not be awkwardly letterboxed within the <iframe>.

How about this: 

 

<iframe style="float: left; padding-right: 10px;" title="VW CV - Big Red Bash 2022" src="https://player.vimeo.com/video/754990340?h=7f15f8033f&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;am..." width="180" height="320" allowfullscreen="allowfullscreen" allow="autoplay; fullscreen; picture-in-picture"></iframe>

 

Thanks heaps @GregoryBeyrer. That worked a treat, I'm no coder so this helped! Thanks again!

0 Kudos