<div class="video-text">
<div class="video-line">
<div class="video">
<!--[if lt IE 9]><script>document.createElement('video');</script><![endif]-->
<video class="video-src" id="video" width="550" height="320" poster="<?php the_field('video-cover'); ?>" preload="metadata" controls="controls">
<source type="video/mp4" src="<?php the_field('video-homepage'); ?>" />
</div>
<div class="text">
<h2><?php the_field('h2-video'); ?></h2>
<p><?php the_field('text-video'); ?></p>
</div>
</div>
</div>.video-text {
clip-path: polygon(93% 0, 100% 40%, 100% 100%, 0 100%, 0 0);
background: #F8F8F8;
position: relative;
top: -160px;
}
.video-text .video-line {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-top: 40px;
}
.video-line .video {
position: relative;
top: -80px;
z-index: 20;
}