jQuery UI 대화 상자 및 YouTube

YouTube 비디오에서 jQuery 대화 상자를 사용하려고합니다.jQuery UI 대화 상자 및 YouTube

jQuery를위한 코드는 다음과 같습니다

는

var template = $(document.createElement('div')).attr('class', 'sample').attr('id', 'sample').text('Hello World'); 
    $('body').append(template); 
    $(template).dialog({ 
     autoOpen: false, 
     height: 280, 
     width: 600, 
     modal: true, 
     resizable: false, 
     open: function(){}, 
     close: function() {}, 
     buttons: {}   
    });

유튜브의 코드는 다음과 같습니다

<iframe title="Video" width="640" height="390" src="http://www.youtube.com/embed/gVjqL-9Fh3E" frameborder="0" allowfullscreen></iframe>

비디오는 페이지에 이미 있습니다. 페이지에 버튼이 있습니다. 버튼을 클릭하면 위의 대화 상자가 열립니다. 따라서 문제는 대화 상자가 열리면 대화 상자가 비디오 뒤에있는 것입니다. 시도해 인터넷 검색, 거기에 유사한 문제에 대한 해결책은 비디오 iframe을 사용하는 경우 개체 및 포함하지만 아무것도 사용하여 포함되어 있습니다. 어떤 방향으로 사람들이이 문제를 해결하기 위해 할 수있는 일이 무엇입니까?

출처

2011-02-04 AR_

내가 혼란 스러워요. 대화 상자 또는 기본 페이지에 YouTube 동영상이 있습니까? 그러면 동영상 위에 대화 상자를 표시하려고합니까? –

동영상이 이미 페이지에 있습니다. 페이지에 버튼이 있습니다. 버튼을 클릭하면 대화 상자가 열립니다. 대화 뒤에 비디오가 있습니다. –

object에 <param name="wmode" value="transparent">을 추가하면 플래시 컨텐츠가 도움이됩니까?

나는 오랜 세월 동안 플래시 개발을하지 않았지만 비슷한 문제가 한번 생기는 것을 기억하고있다. 현재 YouTube는 기본적으로 iframe을 통해 퍼가기는하지만, object 태그가있는 이전 퍼가기 방식을 계속 사용할 수 있다고 생각합니다.

편집 : iframe이 URL에 대한 추가 시도 : & W 모드를 = 투명

출처

2011-02-04 19:43:11

그래도 iframe을 CMS 용으로 사용하는 것이 요구되며이 방법을 사용하면 사용자가 하나의 태그 만 제공 할 수 있습니다. –

& wmode = URL에 투명하게 추가하고 시도하십시오. –

니스, 완벽하게 작동합니다! 이제 다른 동영상 사이트를 지원하기 위해 내가해야 할 일이 무엇인지 확인해야합니다. 고마워! –

jQuery UI 대화 상자 및 YouTube

답변

관련 문제