DEV Community

Discussion on: How to make this type of landing page??

Collapse
 
darksmile92 profile image
Robin Kretzschmar

Simple, this is just a video!

Press F12 in your Browser to open the developer tools.
Then check the source of the website.

Open the Video URL in a new tab and you can see, that there is no magic overlay or something, the video is just presented as is.

<video width="100%" height="100%" muted="" autoplay="" webkit-playsinline="" playsinline="" loop="" class="video-fullscreen" id="home-video" poster="https://s3-eu-west-1.amazonaws.com/thedrawingroom/tdr_content/uploads/2016/12/08153711/tdr_video_screen_new-1071x600.jpg">
        <source src="https://s3-eu-west-1.amazonaws.com/thedrawingroom/tdr_content/uploads/2016/12/08153532/tdr_desktop_new.mp4" type="video/mp4">
    </video>
Collapse
 
vatsal profile image
Vatsal

Thanks a lot, bro, its just a video!! i thought it is wrapped or overlayed!!