Форум: AJAX + YOUTUBE VIDEO FRAME

Просмотр темы

PHP-Fusion Russia » Веб-разработка » Javascript, ajax, jquery

AJAX + YOUTUBE VIDEO - FRAME
SchreiBear	#1 Опубликовано 26.04.2015 08:16
Ветеран Сообщений: 625 Зарегистрирован: 05.01.2013 11:01	Салам всем! Столкнулся с одной проблемой не как не получается решить. Имеется центральная панель на которую при помощи AJAX выводиться контент. Контент: YOUTUBE VIDEO Код `<iframe width="640" height="360" src="https://www.youtube.com/embed/M7lc1UVf-VE?feature=player_embedded" frameborder="0" allowfullscreen></iframe>` суть проблемы: вывожу в панель 2 видео ... начинаю смотреть первое не нравиться, включаю второе как остановить автоматически первое видео при запуске второго ???? РЕШЕНО!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! тему можно удалить Изменил(а) SchreiBear, 26.04.2015 12:13 Нужно сказать огромное спасибо людям, которые живут на популярных девелопер форумах и дают там адекватные ответы на абсолютно «нубские» вопросы без попыток унизить вопрошающего.


jikaka	#2 Опубликовано 27.04.2015 05:46
Супер Администратор Разработчики Сообщений: 4849 Зарегистрирован: 26.07.2010 12:10	поделись решением для всех, может кому-нибудь потом пригодится мысли \| фото
	x1
	Web

SchreiBear	#3 Опубликовано 29.04.2015 21:52
Ветеран Сообщений: 625 Зарегистрирован: 05.01.2013 11:01	jikaka, я отказался от iframe... почитал документацию к yotube api поискал примеры и из 50 кусков своял свой говнокод... но что удивительно рабочий..всё как во общем то хотел. пардон те но кодом не поделюсь.. скажу только что на jquery написал. пришлось и в него углубится


Rush	#4 Опубликовано 30.04.2015 09:02
Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41	а как ты отказался от ифрейма? ютуб в апи прямых ссылок на видео не дает же ж AnnetLab \| @annetlab \| GitHub Addons repo \| AL Shop - open source e-shop for PHP-Fusion \| PHPtoday.ru
	Web

SchreiBear	#5 Опубликовано 30.04.2015 13:42
Ветеран Сообщений: 625 Зарегистрирован: 05.01.2013 11:01	Rush, iframe_api присутствует...но он динамически подгружается... но не в такой форме как я выше прописал... на странице с десятком видео от youtuba всего один проигрыватель.. который в нужное время в нужном месте выводится и воспроизводит видос Объединено 30.04.2015 14:22: Rush, кстати о прямых ссылках на видео... !!! на хабре есть статья хорошая как выудить прямую ссылку на видео ...я хотел сделать и даже начал делать...но у меня сервер не поддерживает пару другую функций которые могли бы открыть файл с другова сервера и разобрать файл на части и вынуть ссылку Изменил(а) SchreiBear, 30.04.2015 14:22 Нужно сказать огромное спасибо людям, которые живут на популярных девелопер форумах и дают там адекватные ответы на абсолютно «нубские» вопросы без попыток унизить вопрошающего.


Rush	#6 Опубликовано 30.04.2015 14:39
Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41	ну так все правильно, по факту от ифреймов ты никуда не убежал) и ссылку прямую можно выдрать, но официально ее они не представляют и по факту это пиратство, что не есть гуд AnnetLab \| @annetlab \| GitHub Addons repo \| AL Shop - open source e-shop for PHP-Fusion \| PHPtoday.ru
	Web

SchreiBear	#7 Опубликовано 30.04.2015 14:59
Ветеран Сообщений: 625 Зарегистрирован: 05.01.2013 11:01	Rush, согласен...пиратство ...но в интернете есть пара другая десятка сайтов предлагающие прямые ссылки на видео от ютуба . если в законодательстве страны не прописаны пункты которые это регулируют...значит это уже не пиратство...тихо стырил и ушёл называется НАШЁЛ


Rush	#8 Опубликовано 30.04.2015 16:06
Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41	ха, вообще-то ситуация ровным счетом наоборот. эти видео имеют своих правообладателей, а ютуб - посредник, который должен защищать их права, и этот пункт скорее всего будет прописать в пользовательском соглашении ютуба. AnnetLab \| @annetlab \| GitHub Addons repo \| AL Shop - open source e-shop for PHP-Fusion \| PHPtoday.ru
	Web

Polarfox	#9 Опубликовано 30.04.2015 17:29
Администратор Разработчики Группа поддержки Сообщений: 3387 Зарегистрирован: 20.08.2010 14:03	*Оффтопик* На самом деле утуб прекрасно умеет защищать права, хитрая адская труба рубит видео на куски и передает эти куски своему плееру... Без захвата нельзя сохранить вообще. Но видимо, не для всех видосов у них такое, большая часть качается. Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме


SchreiBear	#10 Опубликовано 30.04.2015 18:36
Ветеран Сообщений: 625 Зарегистрирован: 05.01.2013 11:01	Rush, я например ещё не разу не видел не какого пользовательского соглашения от утуба которое бы меня к чему бы то ни было обязывало. Я даже там не зарегистрирован. Они конечна могут как другие закрыть просмотр для незарегистрированных пользователей но думаю это отпугнёт пользователей...на утубе свет клином не сошёлся


Rush	#11 Опубликовано 03.05.2015 18:41
Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41	SchreiBear написал: Rush, я например ещё не разу не видел не какого пользовательского соглашения от утуба которое бы меня к чему бы то ни было обязывало. Я даже там не зарегистрирован. Они конечна могут как другие закрыть просмотр для незарегистрированных пользователей но думаю это отпугнёт пользователей...на утубе свет клином не сошёлся а тебе и не надо регистрироваться, ты пользуешься - значит внегласно принимаешь их условия. либо не пользуйся, либо соглашайся с их правилами - все просто) AnnetLab \| @annetlab \| GitHub Addons repo \| AL Shop - open source e-shop for PHP-Fusion \| PHPtoday.ru
	x1
	Web

Polarfox	#12 Опубликовано 04.05.2015 06:44
Администратор Разработчики Группа поддержки Сообщений: 3387 Зарегистрирован: 20.08.2010 14:03	Именно так там первым пунктом это идет. Это же штат юристов гугла, проще обмануть диавола. Всегда делайте backup перед изменениями \| Указывайте свою версию в подписи/профиле. \| Вся бесплатная тех. поддержка только на форуме


Rush	#13 Опубликовано 04.05.2015 06:58
Администратор Разработчики Группа поддержки Сообщений: 1418 Зарегистрирован: 31.08.2010 14:41	тут дело не только в гугле, так абсолютно в любом деле в любой сфере. пользуешься общественным транспортом - должен соблюдать правила, ездишь на машине - должен соблюдать правила и т.д. AnnetLab \| @annetlab \| GitHub Addons repo \| AL Shop - open source e-shop for PHP-Fusion \| PHPtoday.ru
	Web

SchreiBear	#14 Опубликовано 04.05.2015 16:32
Ветеран Сообщений: 625 Зарегистрирован: 05.01.2013 11:01	Rush, пиндосы русским не указ... тем более им всё равно скоро придёт амба..„каюк“. на земле буду только соединенные штаты России. СШР Объединено 04.05.2015 16:55: вот кидаю недоработанную версию но вполне рабочию что бы вывести видео на сайт Код `<div id="ytube" class="play" videoid ="i3rFUBZ2fM8" divid="kkk"> <div id="kkk"></div> </div>` videoid ="i3rFUBZ2fM8" указывает на видео на ютубе divid="kkk" указывает на div id ....собственно на это <div id="kkk"></div> они должны быть одинаковыми . принцип работы... при загрузке страницы выводятся с начало картинки при нажатии на которые скрип подменяет содержании div на iframe и автоматом запускает его... при нажатии на другое видео ... скрипт возвращает содержимое обратно и запускает другое... все.. пригодится пользуйтесь картиночки не забудьте подобрать ...работает по принципу кнопки Код <html> <head> <style type="text/css"> #head { width:640px; height:360px; } #ytube { cursor:pointer; width:640px; height:360px; margin:auto; position:relative; background-repeat: no-repeat; background-size: 100%; background-image: url('b1.png'); } #ytube:hover { background-image: url('b2.png'); } </style> <script src="https://code.jquery.com/jquery-2.1.3.js"></script> <section id="head"> <div id="ytube" class="play" videoid ="i3rFUBZ2fM8" divid="kkk"> <div id="kkk"></div> </div> <div id="ytube" class="play" videoid ="Z6sHUm6z2w0" divid="qqq"> <div id="qqq"></div> </div> <div id="ytube" class="play" videoid ="WV859dNe6P8" divid="ghj"> <div id="ghj"></div> </div> </section> <script type="text/javascript"> $("#ytube.play").click(function(){ if (typeof window.player !== 'undefined') { player.destroy(); } player = new YT.Player($(this).attr("divid"), { width : '640', height : '360', videoId : $(this).attr("videoid"), playerVars: { 'modestbranding': 1, 'autoplay': 1, theme: 'light' }, }); }); var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; </script> </body> </html> вообще у ютуба к каждому видео есть... как их выводить можно посмотреть тут http://stackoverf...outube-api ещё есть хорошие статейки как налету при помощи jquery c css работать... дерзайте всё в ваших руках Изменил(а) SchreiBear, 04.05.2015 17:16 Нужно сказать огромное спасибо людям, которые живут на популярных девелопер форумах и дают там адекватные ответы на абсолютно «нубские» вопросы без попыток унизить вопрошающего.
	x1

Поделиться этой темой
Социальные закладки:
URL:
BBcode:
HTML:

Перейти на форум:

Темы	Форум	Ответов / Просмотров	Последние сообщения
YOUTUBE PARSER CHANNEL ДЛЯ PHP FUSION 7 →	Плагины	2 / 4503	31.05.2024 14:26
Youtube комбайн - накрутка просмотров, лайков, подписчиков →	Платные услуги	0 / 1697	17.10.2022 06:56
Уменьшить размер окна [youtube]https://youtu.be/***[/youtube] на форуме →	Установка и настройка системы	0 / 2482	11.11.2018 15:47
Не отображаются вставленные в форум видео с Youtube →	Вопросы новичков	5 / 3856	30.08.2018 11:14
Youtube - упрощенный вод ссылок →	Моды	6 / 8231	12.07.2017 21:24
Не раскрывается видео Youtube на весь экран, вставленное с помощью BB-кода →	Книга жалоб и предложений	11 / 17933	17.08.2016 20:26
Youtube-канал Владимира Казакова про PHP-Fusion →	Народное творчество	8 / 34034	24.07.2016 15:33
Youtube канал для вебмастеров от Шнайдер-хост →	Хостинг	0 / 4083	20.01.2016 14:25
Youtube bbcode Colorbox →	Моды	2 / 6252	01.07.2014 12:12
Youtube бб код →	Моды	8 / 8229	10.04.2014 18:30