Audio & Video

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

                       
<div class="video-style-1">
    <div class="container">
        <h2>Video Style 1</h2>
        <div class="item">
            <div class="image">
                <img src="themes/custom/access_pro/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="120" height="120" viewBox="0 0 120 120">
                            <path data-name="Path 39643" d="M163.6,33.6a60,60,0,1,0,60,60A60.042,60.042,0,0,0,163.6,33.6Zm0,5.454A54.545,54.545,0,1,1,109.055,93.6,54.506,54.506,0,0,1,163.6,39.056ZM145.873,66.329v54.545L192.236,93.6Z" transform="translate(-103.6 -33.602)" fill="#121619"/>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
                       Copy to clipboard
                   

                       
<div class="video-style-2">
    <div class="container">
        <h2>Video Style 2</h2>
    </div>
    <div class="item bg-image" style="background-image: url(themes/custom/access_pro/assets/img/video-imge.jpg);">
        <div class="container dt-section">
            <div class="item-content">
                <h2>We can take your business to the next level</h2>
                <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="120" height="120" viewBox="0 0 120 120">
                        <path data-name="Path 39643" d="M163.6,33.6a60,60,0,1,0,60,60A60.042,60.042,0,0,0,163.6,33.6Zm0,5.454A54.545,54.545,0,1,1,109.055,93.6,54.506,54.506,0,0,1,163.6,39.056ZM145.873,66.329v54.545L192.236,93.6Z" transform="translate(-103.6 -33.602)" fill="#121619"/>
                    </svg>
                </a>
            </div>
        </div>
    </div>
</div>
                       Copy to clipboard