Пользовательская кнопка воспроизведения для встроенных YouTube-видео - PullRequest
Новая
       17

Пользовательская кнопка воспроизведения для встроенных YouTube-видео

1 голос
/ 23 августа 2011

В настоящее время я работаю над проектом для велосипедного сайта, где у них есть небольшой список тренировочных песен. Некоторые из этих песен имеют ссылку на YouTube-видео, поэтому вы можете прослушать песню.

Я должен сделать это, поэтому в обзоре песен есть небольшая кнопка воспроизведения, которая при нажатии воспроизводит выбранное видео на YouTube. Но видео должно быть скрыто, поэтому вы слышите только музыку.

При нажатии кнопка меняется на паузу или кнопку остановки, поэтому вы можете снова остановить музыку.

Но я могу разобраться в правилах на YouTube или других носителях. Поэтому я надеюсь, что смогу получить некоторую помощь здесь.

Сайт должен загрузить не менее 10 YouTube-видео, и все они должны иметь собственную кнопку воспроизведения / остановки. Так может кто-нибудь помочь мне с этим? :)

Спасибо

-Томас

1 Ответ

0 голосов
/ 24 августа 2011 
<?
$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

...