<aside> ❤️ New to Webflow? Support the Channel by using my Webflow-Affiliate Link https://webflow.grsm.io/webtotheflow
</aside>
SO, if you have trouble posting YouTube links with Make or Zapier - This is what solved it for me.
<style>
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<div class="video-container">
<iframe
src="<https://www.youtube-nocookie.com/embed/>"
frameborder="0"
allowfullscreen="allowfullscreen"
></iframe>
</div>
<script>
// © Code by Marvin Aziz, <https://www.webtotheflow.com/>
// Copyright 2020, Marvin Aziz, All rights reserved.
// You have the license to use this code in your projects but not to redistribute it to others
// Replace that link with yours
var link = "PUT YOUR LINK-VARIABLE IN HERE";
// Wait a 200ms before inserting the video
setTimeout(() => {
// Get the YT ID - matches most common YouTube-Links
var myregexp = /(?:youtube\\.com\\/(?:[^\\/]+\\/.+\\/|(?:v|e(?:mbed)?)\\/|.*[?&]v=)|youtu\\.be\\/)([^"&?\\/\\s]{11})/gi;
var reg = link.match(myregexp)[0]
var id =reg.substring(reg.lastIndexOf("/") + 1, reg.length)
// Insert ID
document.querySelector("div.video-container iframe").src ="<https://www.youtube-nocookie.com/embed/>"+ id
}, 200);
</script>