클릭하면 비디오 변경 - div 내부?

div 컨테이너의 비디오 요소 인 html을 간단히 변경하려고합니다.클릭하면 비디오 변경 - div 내부?

나는 이것에 멍청하다. 그래서 나와 함께 참아 라.

즉시 Dreamweaver에서 javascript의 두 번째 줄에 구문 오류가 표시됩니다.

도움을 주시면 감사하겠습니다. Heres는 내 코드

<meta charset="UTF-8"> 
<title>Change Video on Click</title> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.css" /> 
<link href="style.css" rel="stylesheet" type="text/css"> 
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.js"></script> 
</head> 
<body> 
<div id="pageContainer"> 
    <script type="text/javascript"> 
    $("#cf_onclick").toggle(
     function(){$(this).html("video source src="1.mp4" type="video/mp4" width="1024" height="768" preload="auto" autoplay='autoplay' loop='loop');}, 
     function(){$(this).html("video source src="2.mp4" type="video/mp4" width="1024" height="768" preload="auto" autoplay="autoplay" loop="loop");} 
    ).click(); 
</script> 
</div> 
</body> 
</html>

출처

2013-07-02 Nathaniel Harman

실제로 구문 오류가 있습니다. 따옴표를 이스케이프하거나 함수에 작은 따옴표를 사용하고 속성 값을 큰 따옴표로 묶으십시오.

$(this).html('video source src="1.mp4" type="video/mp4" width="1024" height="768" preload="auto" autoplay="autoplay" loop="loop"');

예 :이 같은 의미

$(this).html('<div id="blah"/>'); 
$(this).html("<div id=\"blah\"/>");

출처

2013-07-02 17:49:56

FO 그래서? width = "1024"height = "768"$ ("# cf_onclick") toggle ( function() {$ (this) .html ('<비디오 소스 src = "1.mp4"type = "video/mp4" function() {$ (this) .html ('<비디오 소스 src = "1.mp4"type = "video ="자동 "autoplay ="autoplay "loop ="loop "/> "자동 재생"루프 = "루프"/> ');} ) .click(); 너비 = "1024"높이 = "768"preload = "자동" –

물론 가능합니다. 작동 했나요? –

아니오 : (지금 DPS를 사용하여 adobe edge와 indesign을 시도하고 있습니다. –

클릭하면 비디오 변경 - div 내부?

답변

관련 문제