Section Background Video IE + OPERA

index.cshtml

<div class="row m-0" style="position: relative; max-height:758px; color: #ffffff !important;">
    @{
        int card120CategoryOrderNumber = 2;
        @foreach (Post comPost in Partial.PostsOrderNumber(card120CategoryOrderNumber, 0, 1, Partial.Order.OrderBy, true, lang))
        {
            <iframe class="inner" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" src="@(Partial.PostMeta(comPost.PostID, "YoutubeLink"))" style=" width: 100%; height: 100%; z-index:-1; position:absolute;"></iframe>
            <div style="width:100%; background-color: rgba(0,0,0,0.4);">
                <div class="container">
                    <div class="col-md-12 text-center">
                        <div class="p-5">
                            <img src="@comPost.PostThumbnail">
                            <div>
                                <h2 style="font-weight:400;color:#ffffff;">@comPost.PostTitle.HtmlEncode()</h2>
                                <p><span style="color: #ffffff;">@Partial.PostShortContent(comPost.PostID, 156)</span></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        }
    }
</div>