Audio Style
<div class="audio-style-1">
<div class="container">
<audio controls="">
<source src="../themes/custom/creative_plus/assets/mp3/bgm.ogg" type="audio/ogg">
<source src="../themes/custom/creative_plus/assets/mp3/bgm.mp3" type="audio/mpeg">
</audio>
</div>
</div>
<div class="video-style-1">
<div class="item bg-image" style="background-image: url('../themes/custom/creative_plus/assets/images/video2.jpeg');">
<div class="item-content">
<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="200" height="200" viewBox="0 0 200 200">
<g transform="translate(-140.348 -70.352)">
<path data-name="Path 255" d="M240.348,70.352a100.106,100.106,0,1,0,70.681,29.321,100.008,100.008,0,0,0-70.681-29.321Zm0,190.983a91.112,91.112,0,1,1,64.3-26.688,90.982,90.982,0,0,1-64.3,26.688Z" transform="translate(0 0)" fill="#131517"/>
<path data-name="Path 256" d="M347.177,226.441,294.55,195.413h0a9.024,9.024,0,0,0-13.6,7.774v62.057a8.98,8.98,0,0,0,13.6,7.764l52.627-31.028h0a9.021,9.021,0,0,0,0-15.538Z" transform="translate(-72.711 -63.864)" fill="#131517"/>
</g>
</svg>
</a>
<div class="title">Create and Intelligent people helps growing your business</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/creative_plus/assets/images/video1.jpeg" 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="200" height="200" viewBox="0 0 200 200">
<g transform="translate(-140.348 -70.352)">
<path data-name="Path 255" d="M240.348,70.352a100.106,100.106,0,1,0,70.681,29.321,100.008,100.008,0,0,0-70.681-29.321Zm0,190.983a91.112,91.112,0,1,1,64.3-26.688,90.982,90.982,0,0,1-64.3,26.688Z" transform="translate(0 0)" fill="#131517"/>
<path data-name="Path 256" d="M347.177,226.441,294.55,195.413h0a9.024,9.024,0,0,0-13.6,7.774v62.057a8.98,8.98,0,0,0,13.6,7.764l52.627-31.028h0a9.021,9.021,0,0,0,0-15.538Z" transform="translate(-72.711 -63.864)" fill="#131517"/>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>