2013-10-27 3 views
0

지옥에서 6 시간을 보냈다. 내 비디오가 그와 같이 깜박 거리고 두 번째 버그로 인해로드되지 않는 것을 발견했다. 말 그대로 기겁 : X 여기 내가 뭘하려 지금까지 :버그가있는 비디오 태그

$(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"; 
} 

추신 : 나는 문제가 발생할 수 있습니다 의심

http://jsfiddle.net/RhTTE/

MY JS 파일, 어떻게 든, 그것은 codepen의 IDE에서 제대로 작동합니다.

도움이 될 것입니다. 감사합니다.

+0

MDR

답변

0

문제점 : 먼저, iframe이 동일한 웹 페이지의 비디오 태그와 결합되어 제대로 작동하지 않을 수 있음을 테스트했습니다. 두 번째로 스크립트 태그의 순서가 잘못되었습니다. 이유는 모르겠지만 비디오 컨테이너의 div 뒤에 있어야합니다.