[Хак] ПОИСК ВИДЕО НА YOUTUBE

mtrolik · 1 июн 2013

Поиск видео на Youtube для DLE - это не большое добавление для CMS DLE. С помощью данного хака журналисту сайта не нужно будет искать по просторам интернета видео ролик, трейлер для своей новости. Достаточно будет ввести в пустом поле название видео ролика и нажать рядом на кнопку "Найти видео", после чего ниже появится видео и поле с бб-кодом для новости.

Данный хак работает при добавление новости в админке, на сайте и так же при редактирование.

Установка
Файл: /engine/inc/addnews.php

Спойлер

Найти:

Код:

<tr>
		<td height="29" style="padding-left:5px;">{$lang['addnews_cat']}</td>
		<td><select data-placeholder="{$lang['addnews_cat_sel']}" name="category[]" id="category" onchange="onCategoryChange(this)" $category_multiple style="width:350px;">
		{$categories_list}
		</select>
		</td>
	</tr>

Добавить ниже:

Код:

<script type="text/javascript">
$(document).ready(function(){
$("#SearchYoutube").click(function(){
var youtube_video = $("#youtube_video").val();
var keyword= encodeURIComponent(youtube_video);
var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=1&v=2&alt=jsonc';
 
$.ajax({
type: "GET",
url: yt_url,
dataType:"jsonp",
success: function(response)
{
if(response.data.items)
{
$.each(response.data.items, function(i,data)
{
var video_id=data.id;
var video_title=data.title;
var video_viewCount=data.viewCount;
var video_frame="<iframe width='640' height='385' src='http://www.youtube.com/embed/"+video_id+"' frameborder='0' type='text/html'></iframe>";
var final="<br/><div id='title'>"+video_title+"</div><br/><div>"+video_frame+"</div><br/><input type='text' class='edit bk' style='width:350px;' value='[media=http://youtu.be/"+video_id+"]'  />";
$("#result").html(final);
});
}
else
{
$("#result").html("<div id='no'>No Video</div>");
}
}
});
});
});
</script>
<tr>
<td width="140" height="29" style="padding-left:5px;">Поиск на Youtube</td>
<td><input class="edit bk" type="text" id="youtube_video" value="" style="width:350px;" >&nbsp;&nbsp;<input class="btn btn-danger" type="button" id="SearchYoutube" value="Найти видео">
</td>
</tr>
<tr>
<td></td>
<td><div id="result"></div>
</td>
</tr>

Файл: /engine/inc/editnews.php

Спойлер

Найти:

Код:

<tr>
 
		<td height="29" style="padding-left:5px;">{$lang['edit_cat']}</td>
 
		<td><select data-placeholder="{$lang['addnews_cat_sel']}" name="category[]" id="category" onchange="onCategoryChange(this)" {$category_multiple} style="width:350px;">
 
{$categories_list}
 
</select>
 
</td>
 
	</tr>

Добавить ниже:

Код:

<script type="text/javascript">
$(document).ready(function(){
$("#SearchYoutube").click(function(){
var youtube_video = $("#youtube_video").val();
var keyword= encodeURIComponent(youtube_video);
var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=1&v=2&alt=jsonc';
 
$.ajax({
type: "GET",
url: yt_url,
dataType:"jsonp",
success: function(response)
{
if(response.data.items)
{
$.each(response.data.items, function(i,data)
{
var video_id=data.id;
var video_title=data.title;
var video_viewCount=data.viewCount;
var video_frame="<iframe width='640' height='385' src='http://www.youtube.com/embed/"+video_id+"' frameborder='0' type='text/html'></iframe>";
var final="<br/><div id='title'>"+video_title+"</div><br/><div>"+video_frame+"</div><br/><input type='text' class='edit bk' style='width:350px;' value='[media=http://youtu.be/"+video_id+"]'  />";
$("#result").html(final);
});
}
else
{
$("#result").html("<div id='no'>No Video</div>");
}
}
});
});
});
</script>
<tr>
<td width="140" height="29" style="padding-left:5px;">Поиск на Youtube</td>
<td><input class="edit bk" type="text" id="youtube_video" value="" style="width:350px;" >&nbsp;&nbsp;<input class="btn btn-danger" type="button" id="SearchYoutube" value="Найти видео">
</td>
</tr>
<tr>
<td></td>
<td><div id="result"></div>
</td>
</tr>

Открыть файл в шаблоне: addnews.tpl

Спойлер

В самом верху вставить:

Код:

<script type="text/javascript">
$(document).ready(function(){
$("#SearchYoutube").click(function(){
var youtube_video = $("#youtube_video").val();
var keyword= encodeURIComponent(youtube_video);
var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=1&v=2&alt=jsonc'; 
 
$.ajax({
type: "GET",
url: yt_url,
dataType:"jsonp",
success: function(response)
{
if(response.data.items)
{
$.each(response.data.items, function(i,data)
{
var video_id=data.id;
var video_title=data.title;
var video_viewCount=data.viewCount;
var video_frame="<iframe width='640' height='385' src='http://www.youtube.com/embed/"+video_id+"' frameborder='0' type='text/html'></iframe>";
var final="<br/><div id='title'>"+video_title+"</div><br/><div>"+video_frame+"</div><br/><input type='text' class='edit bk' style='width:350px;' value='[media=http://youtu.be/"+video_id+"]'  />";
$("#result").html(final);
});
}
else
{
$("#result").html("<div id='no'>No Video</div>");
}
}
});
});
});
</script>

И в любом месте где вам нравится вставить:

Код:

<tr>
<td class="label">Поиск на Youtube:</td>
<td><input type="text"  id="youtube_video" value="" maxlength="150" class="f_input" />&nbsp;&nbsp;<input class="fbutton" type="button" id="SearchYoutube" value="Найти видео"></td>
</tr>
<tr>
<td></td>
<td><div id="result"></div>
</td>
</tr>

Для того чтобы изменить размер видео ролика превью, нужно найти width='640' height='385'. Где 640 это ширина и 385 высота.

Misterio · 13 окт 2013

Можно еще реализовать мультипоиск, искать сразу на 24video, vk, youtube, ну а затем уже выбрать то, что лучше. Конечно придется немного дописать код, но так как по мне было бы лучше...

[Хак] ПОИСК ВИДЕО НА YOUTUBE

mtrolik

Misterio