javascript - バグのある動画タグ

Question

私は地獄で 6 時間を費やして、ビデオがそのように点滅する原因を見つけようとしましたが、2 つ目のバグとして、ロードされませんでした。私は文字通りびっくりしました：Xこれが私が今まで試したことです：

http://jsfiddle.net/RhTTE/

問題を引き起こす可能性があると思われるMY jsファイル：

$(document).ready(function (){

$('.play').click(function () {
    video = '<iframe width="600" height="375" frameborder="0" src="' + $('img').attr('data-video') + '"></iframe>';
    $('.video').replaceWith(video);
});
});

  var myVideo  = document.getElementById("video1");
  myVideo.style.marginLeft= "-20px";
  var menu = document.getElementById("menu");

function playPause()
{ 
if (myVideo.paused) 
  myVideo.play(); 
else 
  myVideo.pause(); 
} 
function makeBig()
{ 
myVideo.height=325;
myVideo.width=650;
myVideo.style.marginLeft= "-35px";
menu.style.width='650px';
menu.style.marginLeft= "-35px";
} 

function makeSmall()
{ 
myVideo.height=175;
myVideo.width=350;
myVideo.style.marginLeft= "-20px"; menu.style.width='350px';
menu.style.marginLeft= "115px";
} 

function makeNormal()
{ 
myVideo.height=250;
myVideo.width=500;
myVideo.style.marginLeft= "-20px"; menu.style.width='500px';
menu.style.marginLeft= "40px";
} 

PS 何とか、codepen の IDE 上で正常に動作します。

どんな助けでも大歓迎です。ありがとうございました！