越野车视频标签

时间:2013-10-27 21:28:32

标签: javascript html

我在地狱里花了6个小时试图找到什么故障导致我的视​​频像这样闪烁,作为第二个错误,它只是没有加载。我真的吓坏了: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";
} 

P.S。不知何故,它在codepen的IDE上正常工作。

任何帮助将不胜感激。 谢谢!

1 个答案:

答案 0 :(得分:0)

我发现了问题: 首先,我测试的iframe可能无法与同一网页中的视频标签一起正常工作。 其次,脚本标签的顺序不正确。我不知道为什么,但它的位置必须在视频容器的div之后。