Question

我在地狱里花了6个小时试图找到什么故障导致我的视频像这样闪烁，作为第二个错误，它只是没有加载。我真的吓坏了：X 这是我到现在为止所尝试的：

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上正常工作。

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

Answer 1

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

越野车视频标签

1 个答案: