Pekka Kotipohja Q&A #2 part 2 <iframe width="100%" class="ikn-evt-iframe" srcdoc="<style> * { padding:0; margin:0; overflow:hidden } html, body { height:100% } .ikn-evt-container { position: relative; padding-bottom: 56.25%; height: 0; } .ikn-evt-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ikn-evt-frame { display: block; position: relative; padding-bottom: 56.23%; height: 0; overflow: hidden; max-width: 100%; background: #000; } .ikn-evt-frame img.ikn-evt-thumbnail { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; } .ikn-evt-frame[data-source=youtube] img.ikn-evt-thumbnail { top: -63px; bottom: -63px; } .ikn-evt-frame:hover img.ikn-evt-thumbnail { -webkit-filter: brightness(75%); } .ikn-evt-frame .ikn-evt-play-button { height: 20%; width: 13%; left: 44%; top: 42%; position: absolute; cursor: pointer; z-index: 1; background-size: contain !important; } .ikn-evt-frame .ikn-evt-heading { width: 100%; position: absolute; top: 0; background: rgba(0, 0, 0, .5); left: 0; padding: 0.7em; box-sizing: border-box; } .ikn-evt-frame .ikn-evt-heading .ikn-evt-heading-title { font-weight: bold; font-size: 1.5em; color: #FFFFFF; line-height: 30px; margin: 0; cursor: pointer; }.ikn-evt-frame[data-source=youtube] .ikn-evt-play-button {background:url('https://kuntosaliohjelma.fi/wp-content/plugins/embed-video-thumbnail/assets/images/youtube-72-72.png') no-repeat;}.ikn-evt-frame[data-source=vimeo] .ikn-evt-play-button {background:url('https://kuntosaliohjelma.fi/wp-content/plugins/embed-video-thumbnail/assets/images/play-default.png') no-repeat;}.ikn-evt-frame[data-source=dailymotion] .ikn-evt-play-button {background:url('https://kuntosaliohjelma.fi/wp-content/plugins/embed-video-thumbnail/assets/images/play-default.png') no-repeat;}.ikn-evt-frame[data-source=facebook] .ikn-evt-play-button {background:url('https://kuntosaliohjelma.fi/wp-content/plugins/embed-video-thumbnail/assets/images/play-default.png') no-repeat;}</style> <div class='ikn-evt-frame' data-source='youtube' > <a class='ikn-evt-link' href='//www.youtube-nocookie.com/embed/_KI3naVwEK4?feature=player_detailpage&controls=1&autoplay=1&enablejsapi=1&rel=1'> <span class='ikn-evt-play-button'></span> <img class='ikn-evt-thumbnail' src='//i.ytimg.com/vi/_KI3naVwEK4/hqdefault.jpg' alt='_KI3naVwEK4' /> </a> </div> <script> document .querySelector('.ikn-evt-link') .addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); window.location.replace(this.href); return false; } ) ; </script> " frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="_KI3naVwEK4" loading="lazy" src="//www.youtube-nocookie.com/embed/_KI3naVwEK4?feature=player_detailpage&controls=1&autoplay=1&enablejsapi=1&rel=1" > height=400 width=400 allowfullscreen='' frameborder=0>My training blog: http://pekkakotipohja.fitfashion.fi/
