javascript - 向 Chromeless Youtube 添加控制按钮？

Question

播放器：http ://www.yvoschaap.com/videowall/

您如何自定义上述 Chromeless Youtube 以具有播放/停止/暂停按钮？

谷歌提供的 YouTube 无铬播放器信息：

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

Answer 1

上面写着...

/*
 * Chromeless player has no controls.
 */

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

将这些函数添加到您的页面（您已经拥有它们，但使用不同的名称 - 将它们粘贴到中，或者更正您现有的代码以匹配代码游乐场中提供的示例）

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>