어떻게이 자바 스크립트를 사용하여 HTML 캔버스 요소에 유튜브 URL를 포함 재생하는 방법을 고민하고 자바 스크립트

를 사용하여 HTML 캔버스 요소에 삽입 유튜브 URL을 재생합니다. 내가 나를 위해어떻게이 자바 스크립트를 사용하여 HTML 캔버스 요소에 유튜브 URL를 포함 재생하는 방법을 고민하고 자바 스크립트

videoAsset = document.createElement("video"); 
youtube = document.createElement("source"); 
youtube.src = "https://www.youtube.com/watch?v=nOEw9iiopwI"; 
youtube.type = "video/youtube"; 
videoAsset.appendChild(youtube);

또는

<canvas id=c></canvas> 
<video id=v controls loop> 
    <source src=https://www.youtube.com/watch?v=nOEw9iiopwI type=video/youtube> 
    <source src=https://www.youtube.com/watch?v=nOEw9iiopwI type=video/youtube>   
</video>

위의 코드하지 않는 작업을 시도

샘플 코드.

출처

2017-03-18 manjunath dr

프레임이있는 문서에 직접 액세스 할 수있는 권한이 없기 때문에 문제가 발생합니다. 브라우저의 확장 프로그램을 작성하는 경우를 제외하고 더 강력한 API에 액세스 할 수 있으므로 프레임이있는 문서와 graal 비디오 요소에 액세스 할 수 있습니다. – Kaiido

Youtube 비디오를 사용하고 있습니다. Youtube Api를 사용하지 않는 이유는 무엇입니까? You tube api.Ai는 명확하고 잘 작동합니다. 질문에 지정된 URL은 대부분 동영상이 아니라 iframe으로 연결됩니다. 광고 Api alos는 많은 맞춤 설정 옵션을 제공합니다.

출처

2017-03-18 07:06:33 saiyan

귀하의 답변 주셔서 감사하지만 순수한 자바 스크립트/jquery 찾고 있어요. 나는 모든 YouTube API 또는 자바 스크립트 iframe을 사용하고 싶지 않다. –

youtube api/iframe없이 가능합니까? –

youtube.you에서 호스팅되는 동영상을 사용하는 경우 선택의 여지가 있지만 YouTube 비디오 바로 아래에있는 Api 또는 embed 스크립트를 사용하지 마십시오. – saiyan

어떻게이 <strong>자바 스크립트를 사용하여 <strong>HTML 캔버스</strong> 요소에 유튜브 URL</strong>를 포함 재생하는 방법을 고민하고 자바 스크립트

답변

관련 문제