Hosting Files Externally

dropbox-video.html

<style>
    .video-container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; /* 16:9 aspect ratio */
        overflow: hidden;
    }

    .video-container video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
</style>

<div class="video-container">
    <video controls autoplay muted>
        <source src="https://www.dropbox.com/scl/fi/znkyezwzek7m8j8pdz60t/pexels-luna-lovegood-4465903-3840x2160-50fps.mp4?rlkey=ds7rcnhrgo8ayp2ksjnmf7ows&dl=1" type="video/mp4">
        Your browser does not support the video tag.
    </video>
</div>