2012-08-10 37 views
25

Tôi đang cố gắng tải video Youtube trong API JavaScript sử dụng trang chủ (Chromeless). Cho đến nay tôi đã quản lý để tự động phát, hd720 và fadeOut video sau khi hoàn tất.Trình phát Youtube API ẩn điều khiển, ẩn thông tin, ẩn video có liên quan?

Nhưng tôi không thể tìm cách xóa các điều khiển, ẩn thông tin và không tải video có liên quan ở cuối.

Tôi biết trong nhúng iframe tôi có thể sử dụng bên dưới thông số

controls=0&showinfo=0&autoplay=1&rel=0 

Nhưng tôi không thể tìm cách để sử dụng các thông số trong YouTube API trình bày dưới đây. Bất kỳ đề xuất nào?

<script src="http://www.youtube.com/player_api?enablejsapi=1&version=3"></script> 

    function onYouTubePlayerAPIReady() { 
      player = new YT.Player('video_chromeless', { 
       height: '800', 
       width: '450', 
       videoId: '', 
       events: { 
       'onReady': onPlayerReady, 
       'onStateChange': onPlayerStateChange 
       } 
      }); 
     } 
function onPlayerReady(event){ 
      player.setPlaybackQuality('hd720'); 
      event.target.playVideo(); 
     } 
function onPlayerStateChange(event) { 
      if(event.data === 0) { 
       $('#video_chromeless').fadeOut(600); 
      } 
     } 

Trả lời

30

Bạn có thể đặt 'playerVars' trong tham số thứ hai của "YT.Player": https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

+0

cảm ơn rất nhiều, tôi đã tự hỏi nên sử dụng các thông số đó ở đâu. – AK4668

+0

cảm ơn, tôi cũng đã bỏ lỡ điều đó .. – Benjamin

+3

Bạn có thể thay đổi động cơ của người chơi không? Tôi muốn có thể ẩn các điều khiển theo mặc định nhưng sau đó có thể hiển thị chúng nếu người dùng nhấp vào một nút. – asutherland

17

Tôi đã thử nó như thế này, và nó hoạt động tốt đối với tôi.

player = new YT.Player(divId,{ 
    videoId : videoSrc , 
    playerVars: { 
     'autoplay': 0, 
     'controls': 1, 
     'rel' : 0, 
     'fs' : 0, 
    } 
}); 
Các vấn đề liên quan