LOADING

Back to elements

avatar

By Using iframe

<div class="videobox">
<iframe class="video-iframe" src="https://www.youtube.com/embed/r2LpOUwca94"></iframe>
</div>

By Using Local Video

<div class="videobox">
    <video class="video-local" controls>
        <source src="assets/video/demo.mp4" type="video/mp4" />
        <source src="assets/video/demo.ogg" type="video/ogg" />
        Your browser does not support the video tag.
    </video>
</div>

Video as a Background

Backround video is common think in website

Lorem ipsufuga ex mollitia deserunt sapiente quo! Recusandae est officia quisquam atque harum accusamus qui dolorum quas sunt quibusdam, possimus accusantium!

<div class="bg-videobox">
    <video class="bg-video" autoplay muted loop id="myVideo">
        <source src="assets/video/demo.mp4" type="video/mp4" />
        Your browser does not support HTML5 video.
    </video>
    <div class="content">
        <h4>Backround video is common think in website</h4>
        <p>Lorem ipsufuga ex mollitia deserunt sapiente quo! Recusandae est officia quisquam atque harum accusamus qui dolorum quas sunt quibusdam, possimus accusantium!</p>
    </div>
</div>