JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<embed id="video-player-flash" type="application/x-shockwave-flash" src="http://s.ytimg.com/yt/swfbin/watch_as3-vflij1Qdg.swf" allowscriptaccess="always" allowfullscreen="true" bgcolor="#000000" flashvars="el=embedded&amp;fexp=906424&amp;use_fullscreen_popup=1&amp;is_html5_mobile_device=false&amp;controls=0&amp;allow_embed=1&amp;allow_ratings=1&amp;hl=en_GB&amp;use_tablet_controls=0&amp;eurl=unknown&amp;iurl=http%3A%2F%2Fi2.ytimg.com%2Fvi%2FQKh1Rv0PlOQ%2Fhqdefault.jpg&amp;view_count=396844&amp;probably_logged_in=1&amp;title=Jeff%20Han%20on%20TED%20Talks&amp;avg_rating=4.86544850498&amp;video_id=QKh1Rv0PlOQ&amp;length_seconds=573&amp;sendtmp=1&amp;enablejsapi=1&amp;sk=smidEOtEN05HuIe-WUgfHxSRbwSntNHWC&amp;use_native_controls=false&amp;rel=1&amp;playlist_module=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fplaylist_module-vfl0-0KX_.swf&amp;watch_xlb=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fxlb%2Fwatch%2Fstrings-en_GB-vfl-JTD1_.xlb&amp;autoplay=1&amp;jsapicallback=ytPlayerOnYouTubePlayerReady&amp;playerapiid=player1" 
width="640" height="480">
    <param name=wmode value="transparent" /></embed>

CSS

iframe {position:absolute; z-index:9999999999; border:20px solid #000; border-radius: 20px !important}
iframe:before,iframe:after{position:absolute; z-index:9999999999; top:0; width:10%; height:100%; content:"";}
iframe:before{background-color:#fff; right:0}
iframe:after{background-color:#000; left:0}
embed{border-radius: 20px !important; background:#fff; border:20px solid #000; }