Youtube를 모달에 삽입 할 때 액세스 거부 오류가 발생했습니다.

사용자가 Youtube 비디오를 포럼에 게시 할 수있는 페이지가 있습니다.Youtube를 모달에 삽입 할 때 액세스 거부 오류가 발생했습니다.

<a href='javascript:void(0)' class='video_player' data-videoid='http://www.youtube.com/embed/$vidID'>$video_title</a>

$ 생생 당신은 모든 YouTube 동영상의 URL에서 볼 바로 유튜브 비디오 ID입니다 : 사용자의 게시물 링크가 이런 식으로 변환 된 동영상에 링크 한 후

. 사용자가 링크를 클릭하여 비디오를 재생하면 포함 된 비디오가있는 모달이 열립니다.

$('.video_player').live('mouseover', function(event) {//VIDEO PLAYER MODAL 
    var videoid = $(this).attr("data-videoid"); 
    var sourcepage = $(this).attr("data-sourcepage"); 
    $(this).qtip({ 
    id: 'videomodal', 
    content: { 
      text: '<img src="images/loading.gif" alt="Loading..." /> Loading..please wait.', 
      ajax: {url: 'modals/video_player.php',type: 'GET',data: { videoid: videoid, sourcepage: sourcepage}}, 
      title: { text: 'Video Player', button: true } 
    }, 
    position: { my: 'center', at: 'center', target: $(window) }, 
    show: { event: 'click', solo: true, modal: true }, 
    hide: false, 
    style: 'ui-tooltip-tipsy ui-tooltip-rounded higher-zindex', 
    events: { 
     hide: function(event, api){ 
     auto_refresh = setInterval(function(){$('#bottom_middle').load(thisurl + '&timer=' + new Date().getTime() + ' #bottom_middle');}, 5000);    
     $(this).qtip("destroy"); 
     } 
    }, 
    }); 
return false; 
});

여기 video_Player.php 내 코드입니다 : 다음은 JS는 모달위한거야 (아주 기본, 모달 하중이 페이지 및 비디오를 재생하기 위해 필요한 iframe을 내장)에서

<?PHP 
$videoid = $_GET['videoid']; 
$sourcepage = $_GET['sourcepage']; 

echo "<iframe title='YouTube video player' width='480' height='390' src='$videoid' frameborder='0' allowfullscreen></iframe>"; 
?>

을 Chrome 오류가있는 URL에 액세스 할 때 "안전하지 않은 JavaScript 시도"오류가 발생하지만 동영상이 재생되고 모든 것이 제대로 작동하는 것처럼 보입니다.하지만 IE에서는 SCRIPT5가 표시됩니다. 액세스가 거부되었습니다. 나는 해결책을 찾기 위해 웹 사이트와이 사이트를 검색했지만 운이 없었습니다. 누구든지이 방법이나 더 나은 방법에 대한 해결 방법을 알고 있습니까? 나는 모달 (qtip2)을 사용한다. 이것이 유일한 요구 사항이다. 내 jquery 라이브러리도 모두 최신 버전입니다.

출처

2012-04-15 DanielOlivasJr

에 한번 코드에 이것을 추가 :

$('iframe').each(function(){ 
    var url = $(this).attr("src"); 
    $(this).attr("src",url+"?wmode=transparent"); 
});

출처

2012-07-19 15:25:54 kamalo

Youtube를 모달에 삽입 할 때 액세스 거부 오류가 발생했습니다.

답변

관련 문제