Телепорт
» » » Поиск видео на Youtube для DLE

Поиск видео на Youtube для DLE

Поиск видео на Youtube для DLE


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

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

Автор: PspVolt
Версия DLE: любая

Поиск видео на Youtube для DLE


Установка хака Поиск видео на Youtube для 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 высота.


Скачивание доступно только для зарегистрированных
НАШИ НОВОСТИ
Опубликовано 04 апрель 2014
Представляю вашему вниманию шаблон онлайн кинотеатра с глубокой настройкой под свои нужны OST-ARENA.RU Читать далее...
Опубликовано 18 март 2014
Представляю вашему вниманию, адаптивный новостной шаблон Reades News. Адаптивный дизайн подразумевает, что шаблон будет одинаково корректно отображаться во всех устройствах. Шаблон отлично подойдет для медийных новостей и не только. Обязательно посмотрите видеозапись работы Читать далее...
Опубликовано 16 март 2014
Дизайн Zerotheme, адаптирован для DLE 10.1 by Yurets. Шаблон zBoomMusic позиционируется как шаблон для музыкального портала или музыкального блога. Вверху шаблона расположен слайдер, под слайдером Топ новостей, далее последние добавленные новости. Читать далее...