Audio Style
<div class="audio-style-1">
<div class="container">
<h2>Audio Style</h2>
<audio controls="">
<source src="themes/custom/financepro/assets/elements/mp3/bgm.ogg" type="audio/ogg">
<source src="themes/custom/financepro/assets/elements/mp3/bgm.mp3" type="audio/mpeg">
</audio>
</div>
</div>
Video Style 1
<div class="video-style-1">
<div class="container">
<div class="item">
<div class="image">
<img src="themes/custom/financepro/assets/elements/video-img" 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="175.998" height="175.999" viewBox="0 0 175.998 175.999">
<path data-name="Path 39312" d="M191.6,33.6a88,88,0,1,0,88,88A88.06,88.06,0,0,0,191.6,33.6Zm0,8a80,80,0,1,1-80,80A79.941,79.941,0,0,1,191.6,41.6Zm-30,42v76l68-38Z" transform="translate(-103.6 -33.602)"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
Video Style 2
<div class="video-style-2">
<div class="container">
<div class="item">
<div class="image">
<img src="themes/custom/financepro/assets/elements/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="175.998" height="175.999" viewBox="0 0 175.998 175.999">
<path data-name="Path 39312" d="M191.6,33.6a88,88,0,1,0,88,88A88.06,88.06,0,0,0,191.6,33.6Zm0,8a80,80,0,1,1-80,80A79.941,79.941,0,0,1,191.6,41.6Zm-30,42v76l68-38Z" transform="translate(-103.6 -33.602)"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
Video Style 3
<div class="video-style-3">
<div class="container">
<div class="item">
<div class="image">
<img src="themes/custom/financepro/assets/elements/video-img-80.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="175.998" height="175.999" viewBox="0 0 175.998 175.999">
<path data-name="Path 39312" d="M191.6,33.6a88,88,0,1,0,88,88A88.06,88.06,0,0,0,191.6,33.6Zm0,8a80,80,0,1,1-80,80A79.941,79.941,0,0,1,191.6,41.6Zm-30,42v76l68-38Z" transform="translate(-103.6 -33.602)"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>