添加控制按钮到Chromeless Youtube?

时间:2009-07-08 21:44:40

标签: javascript youtube

玩家:http://www.yvoschaap.com/videowall/

如何自定义上述Chromeless Youtube以播放/停止/暂停按钮?

Google提供的YouTube无边框播放器信息:

http://code.google.com/apis/youtube/chromeless_player_reference.html
http://code.google.com/apis/ajax/playground/?exp=youtube#chromeless_player

1 个答案:

答案 0 :(得分:1)

它在顶部说...

/*
 * Chromeless player has no controls.
 */

在播放/暂停/静音/取消静音的页面上添加这些链接的方法如下。

将这些功能添加到您的页面中(您已经拥有它们但名称不同 - 要么粘贴它们,要么更正现有代码以匹配Code Playground中提供的示例)

function playVideo() {
  if (ytplayer) {
    ytplayer.playVideo();
  }
}

function pauseVideo() {
  if (ytplayer) {
    ytplayer.pauseVideo();
  }
}

function muteVideo() {
  if(ytplayer) {
    ytplayer.mute();
  }
}

function unMuteVideo() {
  if(ytplayer) {
    ytplayer.unMute();
  }
}

要将这些链接添加到您的网页,请将以下代码添加到您的网站:

<a href="javascript:void(0);" onclick="playVideo();">Play</a>
<a href="javascript:void(0);" onclick="pauseVideo();">Pause</a>
<a href="javascript:void(0);" onclick="muteVideo();">Mute</a>
<a href="javascript:void(0);" onclick="unMuteVideo();">Unmute</a>