JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<div id="tdi_32_9bb" class="tdc-row tdc-row-video-background stretch_row_content td-stretch-content"><div class="vc_row tdi_33_5ff videoHome  wpb_row td-pb-row tdc-element-style" >
                    <style>

                        .tdc-row-video-background {
                            position: relative;
                        }
                        .tdc-video-outer-wrapper {
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            overflow: hidden;
                            left: 0;
                            right: 0;
                            pointer-events: none;
                            top: 0;
                        }
                        .tdc-video-thumb-on-mobile {
                            display: none;
                            background-size: cover;
                            background-position: center top;
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            top: 0;
                            left: 0;
                        }
                        @media (max-width: 767px) {
                            .tdc-video-outer-wrapper {
                                width: 100vw;
                                left: 50%;
                                transform: translateX(-50%);
                                -webkit-transform: translateX(-50%);
                            }
                        }

                        .tdc-video-parallax-wrapper,
                        .tdc-video-inner-wrapper {
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            left: 0;
                            right: 0;
                        }

                        .tdc-video-inner-wrapper iframe {
                           ...