I actually found a bug that’s restricting us to put a ` before the javascript button links. I’ll let you know as soon as this is fixed.
Meanwhile there are a few things to fix on your page:
The code on the Webflow help page was a bit bugged and hard to read, did you make sure you put this code in custom code before /body tag?
<script>
function playthevideo(){
var myPlayer = document.getElementById('my-video');
myPlayer.playVideo();
}
function stopthevideo(){
var myPlayer = document.getElementById('my-video');
myPlayer.stopVideo();
}
function pausethevideo(){
var myPlayer = document.getElementById('my-video');
myPlayer.pauseVideo();
}
</script>
This should be the code in the HTML Embed:
<embed id="my-video" style="position: absolute; top: 0; left: 0;" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allowfullscreen="true" allowscriptaccess="always" quality="high" bgcolor="#000000" name="my-video" style="" src="http://www.youtube.com/v/watch?v=g2U5gWlQBLw?enablejsapi=1&version=3&playerapiid=ytplayer" type="application/x-shockwave-flash">
Lastly, make sure that the html embed element has a fixed height (example: 300px) because right know it wants to fill 100% of the parent element, but it can’t do that because the parent element has height: auto which will result in height 0% for the html embed.
I hope this helps and I’ll let you know once the little bug is fixed.