Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   jQuery Ajax загрузка preview видео с YouTube (https://javascript.ru/forum/jquery/54260-jquery-ajax-zagruzka-preview-video-s-youtube.html)

Infinity178 11.03.2015 08:17

jQuery Ajax загрузка preview видео с YouTube
 
Доброго дня!

Подскажите практичный вариант для реализации:

Загрузка видео с YouTube

Параметры задачи:
1. Одно видео к одной странице (т.е. плей-листы и т.п. не требуются)
2. Загрузка путем занесения ID видео в input
3. Создание Preview (регулируемое)
4. Возможная настройка плеера

PS приближенное решение аля в соц.сетях когда закидываем URL и скрипт автопилотом дает нам preview, video name, +@param.


Если коловым способом заносить в БД проблем нет, javascript/jQuery спокойно перелопачиваем видео и даст все что попросим)) но как сделать что бы при вводе Ajax/или иной метод выдал все заранее?

Infinity178 11.03.2015 08:47

Решение Preview
 
Разобрался сам))

HTML структура
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
<div class="load-class video-load">
  <input name="video" type="text" value="">
  <div class="preview"></div>
</div>
<script>
jQuery(function($){
  $(function(){
    $('input[name="video"]').change(function () {
      var str = $(this).val();
      $(".preview").html('<img id="preview-video" src="http://img.youtube.com/vi/'+str+'/default.jpg" />');
    })
  })
});
</script>
</body>
</html>


Часовой пояс GMT +3, время: 04:21.