JS YouTube API 무 크롬 플레이어

Question

크롬없는 YouTube 플레이어를 내 웹 페이지에 삽입하는 방법은 무엇인가요? YouTube API 문서는 자바 스크립트 기능 만 제공합니다. iframe을 삽입하거나 동영상 태그를 사용하고 chromeless 플레이어를 어떻게 제어합니까?

Answer 1

당신은 문서에 따라 자바 스크립트 함수를 호출하는 것,

https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

만하면 인수를 추가 할 수 있습니다. 기본적으로, 당신은

<div id=myplayer></div> 

다음 전화를 특정 ID로 YouTube 플레이어를 페이지에 사업부를 만들 자바 스크립트

<script> 
    var tag = document.createElement('script'); 

    tag.src = "https://www.youtube.com/iframe_api"; 
    var firstScriptTag = document.getElementsByTagName('script')[0]; 
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

    var player; 
    function onYouTubeIframeAPIReady() { 
    player = new YT.Player('myplayer', { 
     height: '390', 
     width: '640', 
     videoId: 'M7lc1UVf-VE' 
     } 
    }); 
    } 

그러나 여기 목록에서 특정 인수 : 그래서 우리는 https://developers.google.com/youtube/player_parameters

위 함수를 위의 함수로 바꾸면 해당 playerVars가 다음과 같이 바뀝니다.

function onYouTubeIframeAPIReady() { 
    player = new YT.Player('myplayer', { 
     height: '390', 
     width: '640', 
     videoId: 'M7lc1UVf-VE', 
     playerVars: { 'controls': 0, 'showinfo': 0 } 
    }); 
    } 

그런 다음 비디오

player.playVideo() 
player.pauseVideo() 
player.stopVideo() 

을 시작// 일시 정지를 중지하려면 자바 스크립트를 사용하십시오 가장 기본적인 접근 방식은, 예를 들어

<a href='#' onclick='javascript:player.playVideo(); return true;'>Play</a> 

등

를 링크이 온 클릭 이벤트를 만들 것