Плеер YouTube, который использует 2 разных видео YouTube для аудио и видео соответственно - PullRequest
Новая
       0

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

2 голосов
/ 11 августа 2011

Я хочу знать, возможно ли использовать API JavaScript (JavaScript) для динамического создания проигрывателя, который использует два разных видео YouTube для своих источников аудио и видео. Другими словами, возможно ли в API YouTube изолировать аудио одного видео и видео другого, а затем транслировать их вместе в одном плеере?

1 Ответ

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

вы, вероятно, могли бы подделать его, загружая и воспроизводя оба видео, сохраняя только аудио-видео в скрытом DIV и используя JS API для отключения видео только-видео.

Так что я бы попробовал что-то вроде этого: 

 <script type="text/javascript" src="swfobject.js"></script>    
<div id="videodiv">
 The muted video will go here
</div>
<div id="audiodiv">
 the hidden video will go here
</div>

<script type="text/javascript">
var audioplayer; 
var videoplayer; 

var params = { allowScriptAccess: "always" };
var video_atts = { id: "vidonly" };
var audio_atts = { id: "audonly" };

// embed the video-only player
swfobject.embedSWF("http://www.youtube.com/e/VIDEO_ID?enablejsapi=1&playerapiid=ytplayer",
                   "videodiv", "425", "356", "8", null, null, params, atts);

// embed the audio-only player
swfobject.embedSWF("http://www.youtube.com/e/VIDEO_ID?enablejsapi=1&playerapiid=ytplayer",
                   "audiodiv", "425", "356", "8", null, null, params, atts);


function onYouTubePlayerReady(playerId) {
  audioplayer = document.getElementById("myytplayer");
  videoplayer  = document.getElementById("myytplayer"); 

  videoplayer.mute(); 

  audioplayer.play(); 
  videoplayer.play(); 
}

Хитрость заключается в том, чтобы стилизовать аудиодив с помощью CSS, чтобы он не отображался на странице. Возможно, вам придется поэкспериментировать с этим, чтобы найти лучшую комбинацию, но я предполагаю, что установки его ширины и высоты на 0 или 1 должно быть достаточно.

Кроме того, вам может понадобиться настроить функцию onYouTubePlayerReady, чтобы убедиться, что оба видео полностью загружены перед началом воспроизведения.

...