"X-Frame-Options에 의해 표시가 금지되어 문서 표시를 거부했습니다."YouTube 동영상 삽입
사용자가 동영상에 대한 링크를 제공하면 내 페이지에 YouTube 동영상을 삽입하려고합니다.
<iframe width=\'560\' height=\'315\' src='http://www.youtube.com/watch?v=<video id>&output=embed' frameborder=\'0\' allowfullscreen></iframe>
하지만 이것을 추가하려고하면이 오류가 발생합니다. 크롬에서 페이지를 검사 한 후 콘솔 탭에이 오류가 표시됩니다.
"X-Frame-Options에서 표시가 금지되어 있으므로 문서 표시를 거부했습니다."
난에서 비디오를 볼 수 아니에요 IE
및 Firefox
도
나는 심지어 추가 시도
header('X-Frame-Options:Allow-From http://www.youtube.com');
header('X-Frame-Options:GOFORIT);
&output=embed to the url
다른 게시물에서 특정 솔루션을 읽은 후.
하지만 여전히 같은 오류가 발생합니다.
나는 또한 유튜브가 비디오를 보여주기 위해 객체 임베딩 방법을 가지고 있음을 알지만 이미 유튜브는 그것을 비디오 임베딩의 오래된 방법으로 만들었다. 그래서 내 페이지에 비디오를 삽입하는 새로운 iframe 방법을 사용하고 싶습니다.
문제가 보인다
- Firefox 11
- 크롬 18.0
- IE 8
누구든지이 문제에 직면 했습니까?
iframe의 소스로 설정하는 페이지 (Youtube /watch
페이지)는 페이지에 삽입되기를 원하지 않습니다. 그렇게하도록 강요 할 수는 없습니다.
삽입 할 올바른 URL은 다음 형식입니다.
http://www.youtube.com/embed/oHg5SJYRHA0
YouTube에서 비디오 링크를 복사하는 경우 : "https://www.youtube.com/watch?v=Fva3fgKmu3o"
-'watch '를 / embed /로 바꿉니다.
- '? v ='제거
최종 예 : "https://www.youtube.com/embed/Fva3fgKmu3o"
키워드 watch? v =를 embed로 바꾸고 다음과 같이 라이브 URL을 변경합니다.
$url_string="https://www.youtube.com/watch?v=H1pTkatn6sI";
$url= str_replace('watch?v=','embed/', $url_string);
그런 다음 iframe에 삽입합니다.
<iframe id="player" type="text/html" width="640" height="390" src="{{ $url }}" frameborder="0"></iframe>
요약 : 쿠키를 삭제해야 할 수도 있습니다.
/v
또는 /embed
에서 여전히 작동하지 않으면 잘못된 형식의 쿠키로 인해 클라이언트에 문제가있을 수 있습니다. 대부분의 또는 모든 YouTube 페이지에서 400 HTTP 오류로 인해이 오류가 표시 될 수도 있습니다 .
이 문제를 해결하려면 YouTube 쿠키를 삭제해야합니다.
Chrome
chrome://settings/siteData
에서 주소 표시 줄에 입력youtube
하고Search cookies
상자에 입력 합니다 .다음으로 YouTube 용 두 그룹의 쿠키가 표시됩니다. 모두 제거 할 수 있습니다. 또는 작은 화살표를 클릭하면 개별 쿠키 이름을 볼 수 있으며 모든
gsScrollPos-####
.
이 답변의 출처와 자세한 내용은 이 Reddit 스레드 에서 찾을 수 있습니다 .
support.google.com/youtube 의 동영상 또는 재생 목록 삽입 에서 공식 문서를 확인 하세요.
<iframe width="560" height="315"
src="https://www.youtube.com/embed/videoseries?list=PLx0sYbCqOb8TBPRdmBHs5Iftvv9TPboYG"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
YouTube에 대한 더 많은 팁과 트릭을 확인하세요.
'programing tip' 카테고리의 다른 글
트위터 부트 스트랩에서 열 중앙 정렬 (0) | 2020.12.29 |
---|---|
획 색상을 사용자 정의 색상으로 변경해야합니다. (0) | 2020.12.28 |
EditorFor ()에 형식이 지정된 날짜 표시 (0) | 2020.12.28 |
onClick이 자식과 함께 LinearLayout에서 트리거되지 않았습니다. (0) | 2020.12.28 |
WINDOWS RESTful 서비스의 cURL POST 명령 줄 (0) | 2020.12.28 |