Скрипт для поиска и вставки видео на YouTube - PullRequest
Новая
       22

Скрипт для поиска и вставки видео на YouTube

1 голос
/ 04 января 2012

Я пытаюсь сделать так, чтобы видео на YouTube автоматически встраивались в веб-страницу.

На веб-странице уже есть ключевые слова, переданные из URL: /view.php?id=keywords123 Они используются для создания контента в шаблоне, и мне нужноон также отображает релевантное видео с YouTube.

Есть ли код, который будет выполнять поиск на YouTube и возвращать код для вставки или идентификатор видео для встраивания?

Заранее спасибо!

Ответы [ 4 ]

3 голосов
/ 04 января 2012

Проверьте эту ссылку от IBM .Это очень старая ссылка, но я хотел сделать что-то подобное ранее и мне очень помогло.В нем есть несколько примеров того, как вы будете выполнять поиск по ключевым словам и анализировать xml-ответ.

2 голосов
/ 04 января 2012

Проверьте API проигрывателя Youtube

Демонстрация проигрывателя Youtube: http://code.google.com/apis/youtube/youtube_player_demo.html

Youtube Actionscript player api: http://code.google.com/apis/youtube/flash_api_reference.html

YouTube Javascript player api: http://code.google.com/apis/youtube/js_api_reference.html

1 голос
/ 11 декабря 2012

Я использую jquery для получения URL-адреса для вставки YouTube: 

var re = /https?:\/\/(?:[0-9A-Z-]+\.)?(?:youtu\.be\/|youtube\.com\S*[^\w\-\s])([\w\-]{11})(?=[^\w\-]|$)(?![?=&+%\w]*(?:['"][^<>]*>|<\/a>))[?=&+%\w-]*/ig;

video_url= text.replace(re,'http://www.youtube.com/embed/$1');

html='<p><iframe width="100%" height="300" src="'+video_url+'" frameborder="0"></iframe></p>';

$("#video_place").append(html);
0 голосов
/ 04 января 2012

Я бы предложил вам использовать json api, следующий код, ура. 

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

  <script type="text/javascript" src="http://swfobject.googlecode.com/svn/trunk/swfobject/swfobject.js"></script>
  <script type="text/javascript">

  $(function(){

      $("a").click(function(){
          alert("");
          $("#sc").attr("src","http://gdata.youtube.com/feeds/users/ThePitchUTV/uploads?alt=json-in-script&callback=showMyVideos2");


          });


      });

function loadVideo(playerUrl, autoplay) {
  swfobject.embedSWF(
      playerUrl + '&rel=1&border=0&fs=1&autoplay=' + 
      (autoplay?1:0), 'player', '500', '400', '9.0.0', false,
      false, {allowfullscreen: 'true'});
}




function showMyVideos(data) {
  var feed = data.feed;
  var entries = feed.entry || [];
  var html = ['<ul>'];
  for (var i = 0; i < entries.length; i++) {
    var entry = entries[i];
    var title = entry.title.$t;
    html.push('<li>', title, '</li>');
  }
  html.push('</ul>');
  document.getElementById('videos').innerHTML = html.join('');
}


</script>
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0"
    type="text/javascript"></script>
<link href="http://www.google.com/uds/css/gsearch.css"
    rel="stylesheet" type="text/css"/>
<script src="http://www.google.com/uds/solutions/videobar/gsvideobar.js"
    type="text/javascript"></script>
<link href="http://www.google.com/uds/solutions/videobar/gsvideobar.css"
    rel="stylesheet" type="text/css"/>
<style>
pre {
  background-color:#FAFAFA;
  border:1px solid #BBBBBB;
  font-size:9pt;
  line-height:125%;
  margin:1em 0pt 0pt;
  overflow:auto;
  padding:0.99em;
}
code, pre {
  color:#007000;
  font-family:monospace;
}
.titlec {
  font-size: small;
}
ul.videos li {
  float: left;
  width: 10em;
  margin-bottom: 1em;
  cursor:pointer;
}
ul.videos
{
  margin-bottom: 1em;
  padding-left : 0em;
  margin-left: 0em;
  list-style: none;
}
#videoBar {
  width : 160px;
  margin-right: 5px;
  margin-left: 5px;
  padding-top : 4px;
  padding-right : 4px;
  padding-left : 4px;
  padding-bottom : 0px;
}
</style>
</head>
<body>





  <div id="playerContainer" style="width: 20em; height: 400px; float: left; position:relative">
    <object id="player"></object>
  </div>
  <br>
  <div id="videos2" style="width:500px; clear:both;height:300px; overflow:auto;"></div>
  <script id="sc" 
    type="text/javascript" 
    src="http://gdata.youtube.com/feeds/users/ThePitchUTV/uploads?alt=json-in-script&callback=showMyVideos">



  </script>
...