EZEddie

On 7/23/2020 at 2:07 AM, caseyscalf said:

BOOM! Nailed it. This is how you do it. Make the Width & Height 100%.

<div style="padding:56.25% 0 0 0;position:relative;">
  <a href="https://www.sensebellum.com/new-page" style="position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; z-index:5;"></a>
  <iframe src="https://player.vimeo.com/video/440169206?background=1?autoplay=1&loop=1&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen>
  </iframe>
</div>

 

This IS NOT working for me on squarespace website.

I am trying to acccomplish the same thing but am still not getting the desired outcome:

<div style="padding:56.25% 0 0 0;position:relative;">
  <a href="https://www.kueatsfresh.com/recipes/p/mixed-seafood" style="position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; z-index:5;"></a>
  <iframe width="560" height="315" src="https://www.youtube.com/embed/5vy9HeL8mOc?controls=0" frameborder="0" allow="accelerometer; autoplay=1; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

The invisible clickable rectangle on top is not working for me. Could it be a youtube vs vimeo thing?