Скрипт вывода рандомного видео с YouTube

@dotez · Регистрация: 01.04.2017

Студворк — интернет-сервис помощи студентам

Ребята, был раньше такой скриптик-

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
$(document).ready(function() {
var keys = ['php','ajax','jquery','javascript']; //слова поиска
var countvideo = 25;
var youtube_link = new Array();
$.getJSON('http://gdata.youtube.com/feeds/api/videos?q='+keys.join('+')+'&format=5&max-results='+countvideo+'&v=2&alt=jsonc', function(data){
$.each(data['data']['items'], function(i,item){
youtube_link.push(item['id']);
});
$('#videotube').html('<iframe width="315" height="170" src="//www.youtube.com/embed/'+youtube_link[Math.floor(Math.random()*youtube_link.length)]+'" frameborder="0" allowfullscreen></iframe>');
});     
});
</script>
 
<div id="videotube"></div>

очень удобный. но он уже давным давно не работает. есть что то аналогичное в 2018 году?
спасибо

Добавлено через 1 час 52 минуты
нашел рабочий скрипт НО у него там всплывающее меню, которое похзволяет пользвоателю самому выбирать длину ролика, слово для поиска и т.д.
не могу никак это меню вырезать от туда. хочется чтобы ключи я задал в коде и поменять их посетитель не мог сам. но при этом ссылка на оригинал видео на самом Ютубе должна остаться.
Хелп народ)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html><html lang="en"><head><title>Random YouTube Videos - Stumbl.TV</title><meta charset="UTF-8"><meta name="description" content="Random YouTube Video Generator - Custom Filter by Keyword, Category, Views and Length - Mobile Friendly"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"><link rel="stylesheet" type="text/css" href="http://stumbl.tv/files/main.css"/><script>
    (function(i, s, o, g, r, a, m) {
      i['GoogleAnalyticsObject'] = r;
      i[r] = i[r] || function() {
        (i[r].q = i[r].q || []).push(arguments)
      }, i[r].l = 1 * new Date();
      a = s.createElement(o),
        m = s.getElementsByTagName(o)[0];
      a.async = 1;
      a.src = g;
      m.parentNode.insertBefore(a, m)
    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
    ga('create', 'UA-73864408-1', 'auto');
    ga('send', 'pageview');
  </script></head><body><header><div class="button" id="is-logo" tabindex="1">STUMBL.TV</div><div class="button" id="js-filter-button"> <span class='hotkey-letter'>F</span>ilters</div><div class="button" id="js-info-button"> <span id='videoWord'>Video</span> <span class='hotkey-letter'>I</span>nfo</div><div class="button" id="is-hotkey-button"> Hot<span class='hotkey-letter'>k</span>eys</div><div class="button" id="js-help-button"> <span class='hotkey-letter'>H</span>elp</div><div class="button right" id="js-history-button"> Hi<span class='hotkey-letter'>s</span>tory</div></header><div id="main"><div id="is-loading" class="box"></div><div id="is-info-cont" class="overlay draggable"><div class="vid-info"> Title:&nbsp;<span id="js-vid-title"></span></div><br/><div class="vid-info"> Channel:&nbsp;<span id="js-vid-channel"></span></div><br/><div class="vid-info"> Views:&nbsp;<span id="js-vid-views"></span></div><br/><div class="vid-info"> Length:&nbsp;<span id='js-vid-time'></span><span id="js-vid-length"></span></div><div id="is-info-close" class="X">x</div></div><div id="is-filter-cont" class="overlay"><div id="filter-inner"> <input id="is-keyword" type="text" value="Приколы" placeholder="Keyword"/><div id="range-label-cont"><div class="range-label" id='range-label-left'>Views</div><div class="range-label" id='range-label-right'>Length (s)</div></div><div id="range-cont"><div class="is-slider-text-cont"><div id="js-maxv-input-cont" class="input-cont"> <input id="js-max-views" class="is-number-input" type="number" value="10000000000" min="0" max="10000000000"></div><div id="js-minv-input-cont" class="input-cont"> <input id="js-min-views" class="is-number-input" type="number" value="10000000000" min="0" max="10000000000"></div></div><div id="views-slider" class="slider"></div><div id='length-slider-text-cont' class="is-slider-text-cont"><div id="js-maxl-input-cont" class="input-cont"> <input id="js-max-length" class="is-number-input" type="number" value="24000" min="0" max="24000"></div><div id="js-minl-input-cont" class="input-cont"> <input id="js-min-length" class="is-number-input" type="number" value="0" min="0" max="24000"></div></div><div id="length-slider" class="slider"></div></div> <select id="is-category-select"><option value="0">Any Category</option></select><div class="search-separator filter-second-half"></div><div class='filter-second-half' id='next-cont'> <input id="is-next-button" class="active" type="button" value="NO VIDEO"></div></div><div id='is-filter-close'>^</div></div><div id="is-help-cont"><div id="is-help-close" class="X">x</div><h3>Welcome to Stumbl.tv <span class='mobile-display'>- We Find Random Youtube Videos</span></h3><h1 class='mobile-hide'>We Find Random YouTube Videos</h1><h3>Now Mobile Friendly!</h3><div class="search-separator mobile-hide"></div><p class='mobile-hide'> Click <span id='js-help-next' class='active pointer'>NEXT VIDEO</span> to play a random youtube video.</p><div class="search-separator"></div><p> Set your own <span id='js-help-filter' class='active pointer'><span class='hotkey-letter'>F</span>ilter</span> to filter the random videos.</p><p> Or, click on one of our favourite filters below:</p><ul><li id='js-unseen-fails' class='active'>Unseen fails</li><li id='js-redbull-sports' class='active'>Red Bull sports</li><li id='js-timelapse' class='active'>Timelapse</li></ul><p class='mobile-display'>Press the '>' arrow to play the next video.</p><div class="mobile-hide search-separator"></div><p class='mobile-hide'> Using the share buttons will share the video you are currently watching, and the filter you used to find it.</p><div class="search-separator mobile-hide"></div><span class='contactUs mobile-hide'><p>Bug? Feature request? Think we're awesome? Let us know at:</p><p>contact@stumbl.tv</p></span></div><div id="history-wrapper"><div id="is-history-cont" class="overlay"><div id='is-history-close'>^</div><div id="is-history-inner"></div></div></div><div id="is-hotkey-cont" class="overlay draggable"><div id="is-hotkey-close" class="X">x</div><h2>HOTKEYS</h2><div>Filters</div><div>F</div><div>Info</div><div>I</div><div>Hotkeys</div><div>K</div><div>Help</div><div>H</div><div>History</div><div>S</div><div>Next Video</div><div>Enter</div><div>Pause</div><div>Space</div><div>Mute</div><div>M</div><div>Restart</div><div>R</div><div>Volume Up</div><div>Up Arrow</div><div>Volume Down</div><div>Down Arrow</div><div>Forward 5s</div><div>Right Arrow</div><div>Back 5s</div><div>Left Arrow</div></div><div id="is-error-cont" class="box"> Sorry, no videos were found with that filter. Change it and try again.</div><div id="is-share-cont" class="box"><h3>This video was found using the Stumbl.TV random YouTube video generator.</h3><p> To see this video again, <span id="js-share-restart" class='active pointer'>click here</span> or press the <span class='active'>'R'</span> key.</p><p> To continue watching videos using the same filter as this one, <span id="js-share-next" class='active pointer'>click here</span> or press the <span class='active'>'enter'</span> key.</p><p> To change the filter <span id="js-share-filter" class='active pointer'>click here</span> to open the filter panel and follow the instructions.</p></div><div id="player"></div></div><footer><div id='left-footer'><div class="button" id="is-pause-button"> Pause</div><div class="button" id="is-mute-button"> <span class='hotkey-letter'>M</span>ute</div><div id="volume-cont"><div class='volume-button' id="volume-button-back"><div class="volume-line"></div><div class="volume-text"> Volume</div><div class="volume-line volume-line-right"></div></div><div class='volume-button' id="is-volume-button-front"><div class="volume-line"></div><div class="volume-text"> Volume</div><div class="volume-line volume-line-right"></div></div></div></div><div id="centre-footer"><div id="js-playback-restart" class='playback-button'> R</div><div id="is-playback-line-back"><div id="is-playback-line-front"></div></div><div id="is-playback-next" class='playback-button'> ></div></div><div id="right-footer"><div id='share-text'>Share filter and video:</div><a id="js-fb-share-link" href="" target="_blank"><div id="is-fb-share-button" class="share-button" title="Facebook Share Button"></div></a><a id="js-twitter-share-link" href="" target="_blank"><div id="is-twitter-share-button" class="share-button" title="Twitter Share Button"></div></a><a id="js-reddit-share-link" href="" target="_blank"><div id="is-reddit-share-button" class="share-button" title="Reddit Share Button"></div></a><div id='is-fullscreen-button' class='share-button'></div></div></footer><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script><script src="http://stumbl.tv/files/main.js"></script><script type="text/javascript" src="https://apis.google.com/js/client.js?onload=onClientLoad"></script></body></html>

Добавлено через 4 часа 11 минут
УДАЛИТЕ ТЕМУ

@dotez · 04.06.2018, 17:25 **[ТС]**

Делюсь скриптом вывода рандомного видео на сайте.

Но он требует некоторых доработок, если кто то сможет "вырезать" из него нафиг это всплывающее меню, то было бы классно!

@j2FunOnly · 05.06.2018, 09:00

Сообщение от dotez

УДАЛИТЕ ТЕМУ

Правила форума

2. Политика в отношении пользователей и публикуемого ими контента.

2.3 Сообщения и темы, а также другой контент, размещаемый на форуме, по просьбам пользователей не удаляется и не закрывается.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .