No Description Available
0
Slick marquee slider - manage HTML marquee with slick javascript library.
onex
This is a multiple-input fields generator that can generate or add or create multiple input fields dynamically at a time.
Tesseract js demo scan text over the image by just doing small amounts of code.
Cropperjs is a feature-rich pure javascript library for cropping image. using this you can able to able to provide image cropping to the client-side.
function generate_yt(){ let embed_element = document.querySelectorAll('.yt-embed'); embed_element.forEach(elem=>{ const regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/; const match = elem.getAttribute('data-url').match(regExp); let height = elem.getAttribute('data-height'); let width = elem.getAttribute('data-width'); const embed_id = (match && match[2].length === 11) ? match[2] : null; const iframeMarkup = '<iframe width="'+width+'" height="'+height+'" src="//www.youtube.com/embed/' + embed_id + '" frameborder="0" allowfullscreen></iframe>'; elem.innerHTML =iframeMarkup; }) } generate_yt()
<div class="container"> <div class="row"> <div class="col-md-6 offset-md-3 mt-5"> <div class="card"> <div class="card-body"> <h4>How are you today ?</h4> <!--youtube emebed element--> <div class="yt-embed" data-url="http://www.youtube.com/watch?v=zbYf5_S7oJo" data-height="400" data-width="500"></div> </div> </div> </div> </div> </div>