How to use:

Add your video ID to the data-youtube attribute

<div class="yt-video" data-youtube='Bg96bsrQPZM'>
    <img src="poster.jpg">

How it works

Super simple, a video preview image is displayed initially. When a user clicks the image, a script is run which extracts the youtube id inside the "data-youtube" attribute, it rebuild the iframe link using as a source, adds autoplay=1 and inserts it into the page. Also hides the video preview image.

jQuery(".yt-video").click(function() {
    var e = '<div class="yt-container"><iframe src="'+ jQuery(this).data("youtube") +'?&autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>';

Profitieren Sie von unserem Know-how und kontaktieren Sie uns!

Rufen Sie uns an:

Wir sind Montags bis Freitags zwischen 08:00 und 18:00 unter +49 (0)69 40 80 18 0 für Sie da.

Unseren technischen Support erreichen Sie rund um die Uhr unter der Nummer +49 (0)69 40 80 18 300.