嵌入式YouTube视频的自定义播放按钮

我目前正在为一个骑车网站开发项目，在那里他们有一小部分锻炼歌曲。其中一些歌曲与YouTube视频有链接，因此您可以听到歌曲。嵌入式YouTube视频的自定义播放按钮

我必须做到这一点，所以在歌曲的概述中，有一个小的播放按钮，点击后可播放选定的YouTube视频。但视频应该隐藏，所以你只能听到音乐。

点击后，按钮变为暂停或停止按钮，因此您可以再次停止音乐。

但我可以找出有关youtube或其他媒体的指导方针。所以我希望我能在这里得到一些帮助。

该网站必须加载至少10个YouTube视频，并且他们都应该有自定义播放/停止按钮。那么谁能帮助我呢？ :)

感谢

- 托马斯

来源

2011-08-23 uman

http://superuser.com/questions/104932/how-to-watch-youtube-downloading-only-the-audio-流似乎表明这不是一个简单的方法来做到这一点。 You Tube API甚至允许这么做吗？ –

http://code.google.com/intl/da/apis/youtube/youtube_player_demo.html - 它确实看起来像有一些自定义播放/停止按钮。只是无法弄清楚我将如何使它与更多的YouTube视频一起工作。为了隐藏他们，你可以使用style =“display：none;”。 – uman

<? 
$yt_video = "http://www.youtube.com/watch?v=AfgdUfDgCq8"; 

$jw = <<< EOF 

<script type='text/javascript' src='jwplayer.js'></script> 
<div id='mediaspace' style="display:none;visibility:hidden;">This text will be replaced</div> 

<script type='text/javascript'> 
    jwplayer('mediaspace').setup({ 
    'flashplayer': 'http://player.longtailvideo.com/player.swf', 
    'file': '{$yt_video}', 
    'controlbar': 'bottom', 
    'width': '1', 
    'height': '1', 
    'autostart': 'true' 
    }); 
</script> 
EOF; 

echo $jw; 

?> 
<a href="#" onclick="javascript:document.getElementById('mediaspace').sendEvent('PLAY');return false;">play/pause toggle</a><br /> 
<a href="#" onclick="javascript:document.getElementById('mediaspace').sendEvent('LOAD', 'http://www.youtube.com/watch?v=ZNXUXujoX4M'); return false;">Video 1</a><br /> 
<a href="#" onclick="javascript:document.getElementById('mediaspace').sendEvent('LOAD', 'http://www.youtube.com/watch?v=gE5tOEU7ymU'); return false;">Video 2</a><br /> 
<a href="#" onclick="javascript:document.getElementById('mediaspace').sendEvent('LOAD', 'http://politicos.biz/stack/playlist.xml'); return false;">Load Playlist</a><br /> 
<a href="#" onclick="javascript:document.getElementById('mediaspace').sendEvent('NEXT'); return false;">Next Video on Playlist</a><br /> 
<a href="#" onclick="javascript:document.getElementById('mediaspace').sendEvent('PREV'); return false;">Previous Video on Playlist</a><br />

你需要下载http://www.longtailvideo.com/players/jw-flv-player/和改变jwplayer.js和player.swf（可选）的位置。您还需要创建一个crossdomain.xml文件并将其放置在您的域的根文件夹中。

我希望它能帮助你:)

活生生的例子@http://x.co/ZEpd

来源

2011-08-23 22:08:05

嵌入式YouTube视频的自定义播放按钮

回答

相关问题