Audio & Video

<div class="audio-style-1">
    <div class="container">
        <audio controls="">
            <source src="themes/custom/biz_plus/assets/mp3/bgm.ogg" type="audio/ogg">
            <source src="themes/custom/biz_plus/assets/mp3/bgm.mp3" type="audio/mpeg">
        </audio>
    </div>  
</div>
Copy to clipboard
                    

<div class="video-style-1">
    <div class="container">
        <div class="item">
            <div class="image">
                <img src="themes/custom/biz_plus/assets/img/video-img.jpg" alt="Image">
                <div class="overlay">
                    <a data-fancybox="video-gallery" data-src="https://www.youtube.com/watch?v=h1D5IFsUEFc" title="Title">
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                            <path id="Path_39258" data-name="Path 39258" d="M178.6,33.6a75,75,0,1,0,75,75A75.052,75.052,0,0,0,178.6,33.6Zm0,6.818A68.182,68.182,0,1,1,110.418,108.6,68.132,68.132,0,0,1,178.6,40.42Zm-25.568,35.8v64.773L210.986,108.6Z" transform="translate(-103.6 -33.602)" fill="#1a1725"/>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
Copy to clipboard
                    

<div class="video-style-2">
    <div class="container">
        <div class="item">
            <div class="image">
                <img src="themes/custom/biz_plus/assets/img/video-style-2.jpg" alt="Image">
                <div class="overlay">
                    <a data-fancybox="video-gallery" data-src="https://www.youtube.com/watch?v=h1D5IFsUEFc" title="Title">
                        <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                            <path id="Path_39258" data-name="Path 39258" d="M178.6,33.6a75,75,0,1,0,75,75A75.052,75.052,0,0,0,178.6,33.6Zm0,6.818A68.182,68.182,0,1,1,110.418,108.6,68.132,68.132,0,0,1,178.6,40.42Zm-25.568,35.8v64.773L210.986,108.6Z" transform="translate(-103.6 -33.602)" fill="#1a1725"/>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
Copy to clipboard