Вставить видео на YouTube без ссылки на YouTube - PullRequest
5 голосов
/ 04 января 2010

Как вы знаете, когда вы встраиваете видео YouTube на свою веб-страницу, оно работает нормально, но если вы нажмете на любую часть экрана, веб-сайт YouTube откроется в новом окне.

есть ли способ встроить видео YouTube на наш сайт, но отключить открытие этого сайта YouTube при нажатии на экран, чтобы приостановить видео?

или вы можете воспроизводить видео в другом плеере ..?

Я ищу способ обойти это.

любая возможность в j-запросе, ajax, java-скрипте или PHP, mootools и т. Д. Спасибо

Ответы [ 6 ]

7 голосов
/ 02 ноября 2010

попробуйте это:

это из примера API YouTube, так что он должен быть официально поддержан важно &version=3 или &something=xx;version=3

<object style="height: 390px; width: 640px">
<param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<embed src="http://www.youtube.com/v/u1zgFlCw8Aw?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></object>
7 голосов
/ 04 января 2010

Ты не должен этого делать. Если вам нужен видеохост, который скрывает их фирменный стиль от экрана, я предлагаю http://blip.tv. Вы можете перенести туда свои видео через FTP (они делают его доступным для всех пользователей) и даже настроить свой собственный плеер с Ваш собственный брендинг.

1 голос
/ 18 сентября 2011

Есть несколько способов сделать это, как (в зависимости от ваших навыков программиста):

ТРЕБУЙТЕ знания JS: - используйте API JS от Google, отключите обычные кнопки и добавьте таможенные кнопки и события (в их документации много примеров)

НЕТ навыков ПРОГРАММИСТА:

  • использовать другого игрока
  • и способ, которым я это сделал: я поставил DIV поверх плеера (кроме той части, где находятся элементы поиска / управления). Это не позволяет пользователю щелкнуть нужную часть встроенного проигрывателя, но позволяет по-прежнему использовать элементы управления (воспроизведение / пауза / поиск / просмотр в YouTube)

ИСПОЛЬЗОВАНИЕ для вышеуказанных решений: - если вы хотите нажать на плеер и запустить действие, не начиная воспроизводить видео с Youtube - отключить: YouTube нажмите / откройте YouTube в другом окне

НАДЕЖДА, ЭТО ПОМОЖЕТ ВАМ

0 голосов
/ 23 февраля 2014

Попробуйте это

<iframe width="560" height="315" src="//www.youtube.com/embed/<?=$idtube?>?modestbranding=1&amp;;showinfo=0&amp;;autohide=1&amp;;rel=0&amp;;hd=1" frameborder="0" allowfullscreen></iframe>
0 голосов
/ 14 января 2014

Вы можете использовать API YouTube с этим скриптом, который также позволит вам указать определенный временной код и отображать только часть видео.

<div videoID="" startTime="" endTime="" height="" width="" id="youtube"></div>

var n = "youtube";
var y = document.createElement('script');
y.type = "text/javascript";
y.src = "//www.youtube.com/iframe_api";
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(y, s);
var player;
var p = document.getElementById(n);
var st = p.getAttribute("startTime");
var et = p.getAttribute("endTime");
var vi = p.getAttribute("videoID");
var ph = p.getAttribute("height");
var pw = p.getAttribute("width");

function onYouTubeIframeAPIReady() {
    player = new YT.Player(n, {
        height: ph,width: pw,playerVars: {
            'rel': 0,
            'showinfo': 0,
            'hidecontrols': 1
        },

        events: {
            'onReady': lv
        }
    })
}

function lv(e) {
    e.target.cueVideoById({
        videoId: vi,startSeconds: st,endSeconds: et
    })
}
0 голосов
/ 27 июня 2010

используйте Jw player и добавьте этот код на свою страницу

<script type='text/javascript' src='swfobject.js'></script>
<div id='mediaspace'>This text will be replaced</div>

<script type='text/javascript'>
  var so = new SWFObject('http://astra.pcriot.com/videos/player.swf','ply','400','315','9','#000000');
  so.addParam('allowfullscreen','true');
  so.addParam('allowscriptaccess','always');
  so.addParam('wmode','opaque');
  so.addVariable('file','http://www.youtube.com/watch?v=YQmt8uHgIGY');
  so.write('mediaspace');
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...