Поиск видео на Youtube для DLE
Поиск видео на Youtube для DLE - это не большое добавление для CMS DLE. С помощью данного хака журналисту сайта не нужно будет искать по просторам интернета видео ролик, трейлер для своей новости. Достаточно будет ввести в пустом поле название видео ролика и нажать рядом на кнопку "Найти видео", после чего ниже появится видео и поле с бб-кодом для новости.
Данный хак работает при добавление новости в админке, на сайте и так же при редактирование.
Автор: PspVolt
Версия 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;" > <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;" > <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" /> <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 высота.
Комментариев 0