Подгрузка видео после нажатия на картинку

gresius 27.10.2014 Стол заказов 2784 8 комментариев

Сайт http://videock.ru/ DLE 10.3

Дела обстоят так: видео добавляются посредством нажатия кнопки YouTube в ВВ редакторе краткого описания (скрин), после этого ID видео вытягивается и вписывается скриптом в доп. поле, это позволяет использовать скрины видео которые делает YouTube.

ТЗ: сейчас на сайте выводятся непосредственно видео, это есть не совсем хорошо так как стоит ajax подгрузка новостей (бездонное дно) и сайт долго грузится и всё такое когда на главной странице 100 видео. Нужно сделать как к примеру сделал вконтаке, вместо видео - картинка, посередине картинки видео кнопка плей и когда ты её нажимаешь подгружается плеер с видео, когда видео ушло с экрана просмотра плеер снова становится картинкой с кнопкой плей (пример).

Скриншоты мы можем использовать так: https://i.ytimg.com/vi/IDвидеоиздоп.поля/maxresdefault.jpg нужно замаскировать стилями картинку под проигрыватель (чтобы никто и не понял что это картинка) и сделать чтобы видео подгружались когда нажимаешь на неё, а когда перемотали с просматриваемого экрана чтобы видео снова превращалось в картинку.

Кто возьмётся, как быстро сделает и за сколько денег?

8 комментариев

Юзер

gresius - 2014-10-2727 октября 2014 23:26 - #36848

чуть не забыл, ещё один момент, нужно чтобы просмотры тоже считались...

PHP-developer

2583

vitnet - 2014-10-2728 октября 2014 14:14 - #36867

Хорошая идея, добавлю в закладки, если что напишу.

Юзер

gresius - 2014-10-2728 октября 2014 14:20 - #36868

был бы очень благодарен, во сколько примерно оценишь данную работу если что?

Эксперт

1313

lutskboy - 2014-10-2729 октября 2014 12:21 - #36911

Еще актуально?

Юзер

1599

FastFud - 2014-10-2729 октября 2014 13:28 - #36912

Это можно сделать!

Юзер

Sumkina - 2014-10-2730 октября 2014 17:16 - #36972

Тоже интересует :-)

Юзер

1599

FastFud - 2014-10-2730 октября 2014 19:41 - #36981

shortstory.tpl

<div class="yt-video">
  <img src="https://i.ytimg.com/vi/[xfvalue_ytid]/maxresdefault.jpg" id="yt-v{news-id}" data-url="//www.youtube.com/embed/[xfvalue_ytid]">
</div>

main.tpl перед </body> поставить

<div id="yt-dialog"><iframe width="300" height="150" frameborder="0" allowfullscreen></iframe><div class="close">Закрыть</div></div>

jQuery

$(function() {
  $('.yt-video').each(function() {
   var id = $(this).find('img').attr('id');
   $('#'+id).click(function() {
     var overlay = '<div class="overlay"/>';
     var url = $(this).attr('data-url');
       $('body').append(overlay);
       $('#yt-dialog').find('iframe').attr('src', url);
       $('#yt-dialog').addClass('yt-open').fadeIn();
   }); 
   $('#yt-dialog').find('.close').click(function() { 
       $('.overlay').remove();       
       $('#yt-dialog').removeClass('yt-open').fadeOut();
       $('#yt-dialog').find('iframe').attr('src', '');  
   });    
  });
});

Вот вам пример )

Юзер

1599

FastFud - 2014-10-2730 октября 2014 20:02 - #36984

Или еще так

Последние события

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Сегодня, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст