JQuery 모바일 : YouTube 채널 임베드가 작동하지 않습니다.

내 jsp 페이지는 JQuery 모바일로 디자인되었습니다. 내가 youtube 채널 스크립트 태그를 embedd, 그것의 작동하지 않습니다. 그러나 태그를 간단한 JSP 파일에 넣으면 문제없이 작동합니다. 내 코드는 아래와 같습니다 : 당신은 스크립트 태그를 닫을 필요JQuery 모바일 : YouTube 채널 임베드가 작동하지 않습니다.

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" 
    href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script 
    src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
</head> 
<body> 
    <div data-role="page"> 
     <div data-role="header"> 
      <a href="index.jsp" data-role="button" data-icon="home" 
       data-iconpos="notext"></a> 
      <h1>home</h1> 

     </div> 
     <!-- /header --> 

     <div data-role="content"> 
      <script 
       src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&amp;up_channel=mychannel&amp;synd=open&amp;w=320&amp;h=390&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></div> 
     <!-- /content --> 

    </div> 
    <!-- /page --> 

</body> 
</html>

출처

2013-01-23 Master Mind

. http://jsfiddle.net/Gajotres/G223H/

코드 예제 :

<!DOCTYPE html> 
<html> 
<head> 
    <title>jQM Complex Demo</title> 
    <meta name="viewport" content="width=device-width"/> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>  
</head> 
<body> 
    <div data-role="page" id="index"> 
     <div data-theme="a" data-role="header"> 
      <h3> 
       First Page 
      </h3> 
      <a href="#second" class="ui-btn-right">Next</a> 
     </div> 

     <div data-role="content"> 
      <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube.xml&amp;up_channel=mychannel&amp;synd=open&amp;w=320&amp;h=390&amp;title=&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script> 
     </div> 

     <div data-theme="a" data-role="footer" data-position="fixed"> 

     </div> 
    </div> 
</body> 
</html>

는 작업 예제

출처

2013-01-23 15:16:42 Gajotres

JQuery 모바일 : YouTube 채널 임베드가 작동하지 않습니다.

답변

관련 문제