1.08.13, 14:51
0 комментарий
  DLE Хаки

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

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

Доработал: MaulNet

Напишите своё мнение