Hey folks!
To embed the videos we’ve made for ItsOurTime on your site in SQUARE so they look better, you need to get the normal embed code (from YouTube’s “Embed” feature) and manually change the height dimension to match the width dimension.
WTF? EXPLAIN PLEASE?:
So the embed code I get from clicking the embed button looks like this (I’ve bolded the number you need to change):
<iframe width=”560″ height=”315” src=”https://www.youtube.com/embed/nenOXnAdJW4″ frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
…so just change that to be the same as the width, like this:
<iframe width=”560″ height=”560” src=”https://www.youtube.com/embed/nenOXnAdJW4″ frameborder=”0″ allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture” allowfullscreen></iframe>
NOTE: You can change both figures if you want the video to be smaller, or larger.
IT SHOULD THEN LOOK LIKE THIS:
Any problems, email me at hello@rubberrepublic.com (although be aware, I am a filmmaker not a coder so you may know more than me, but I’ll do my best to help you! 🤣)
Posted By
MattG