Skip to content

Instantly share code, notes, and snippets.

@kevinashworth

kevinashworth/gist:7b24c22a569b3292429c5d862942e852

Created January 17, 2019 22:31
Show Gist options
  • Save kevinashworth/7b24c22a569b3292429c5d862942e852 to your computer and use it in GitHub Desktop.
Save kevinashworth/7b24c22a569b3292429c5d862942e852 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!-- https://maxl.us/hideyt --><style>#playerWrap{display: inline-block; position: relative;}#playerWrap.shown::after{content:""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; background-color: black; background-repeat: no-repeat; background-position: center; background-size: 64px 64px; background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);}</style><div id="playerWrapOuter"> <div id="playerWrap"> <iframe width="640" height="360" src="https://www.youtube.com/embed/0sDg2h3M1RE?rel=0&enablejsapi=1" frameborder="0" ></iframe></div></div><script>(function(){let playerFrame=document.currentScript.previousElementSibling.querySelector("iframe"); let tag=document.createElement('script'); tag.src="https://www.youtube.com/iframe_api"; let firstScriptTag=document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); let player; window.onYouTubeIframeAPIReady=function(){player=new YT.Player(playerFrame,{events:{'onStateChange': onPlayerStateChange}});}; window.onPlayerStateChange=function(event){if (event.data==YT.PlayerState.ENDED){document.getElementById("playerWrap").classList.add("shown");}}; document.getElementById("playerWrap").addEventListener("click", function(){player.seekTo(0); document.getElementById("playerWrap").classList.remove("shown");});})();</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment