WebFlow's CMS supports video fields, however there are currently [ Nov 2018 ] two key limitations;
Fortunately, there is a way around both of these limitations.
Note that if you are using Zapier, you want to...
To make your embed responsive, maximizing video width while preserving the aspect ratio, we've used the technique in this article...
Example HTML construction;
<div class="container">
<iframe src="//www.youtube.com/embed/yCOY82UdFrw"
frameborder="0" allowfullscreen class="video"></iframe>
</div>
And CSS;
.container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Note that if you are using Zapier, you want to...
To make your embed responsive, maximizing video width while preserving the aspect ratio, we've used the technique in this article...
Example HTML construction;
<div class="container">
<iframe src="//www.youtube.com/embed/yCOY82UdFrw"
frameborder="0" allowfullscreen class="video"></iframe>
</div>
And CSS;
.container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Note that if you are using Zapier, you want to...
To make your embed responsive, maximizing video width while preserving the aspect ratio, we've used the technique in this article...
Example HTML construction;
<div class="container">
<iframe src="//www.youtube.com/embed/yCOY82UdFrw"
frameborder="0" allowfullscreen class="video"></iframe>
</div>
And CSS;
.container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}