Новая вкладка на главной странице

Posted 20 апреля, 20205 yr

подскажите можно ли сделать так чтобы на главной странице выводился блок с видеороликами к примеру 6 штук.. с ютуба.. уроки обучающие

Цитата

20 апреля, 20205 yr

Author

ой вроде получилось через кода вставил... http://archi-cat.com но мож есть какой плагин ?

Цитата

20 апреля, 20205 yr

А смысл от плагина? Блок php же работает. Ну и ssl не мешало бы поставить.

Цитата

20 апреля, 20205 yr

Author

да догадался поставить через Блок php

SSL это что ?

Цитата

20 апреля, 20205 yr

SSL сертификат, для защищённого HTTPS соединения.

Цитата

20 апреля, 20205 yr

Author

а где он ставится ? я не вкурсе просто у хостера ?

Цитата

20 апреля, 20205 yr

1 час назад, alexrvs сказал:

а где он ставится ? я не вкурсе просто у хостера ?

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

Цитата

20 апреля, 20205 yr

Author

понял щас накалю его

Цитата

20 апреля, 20205 yr

Author

по поводу видео я вставил ролики и все а вот еслибы с определеного канала они сами забирались в зависимости от обновления

Цитата

20 апреля, 20205 yr

Есть два платных плагина:

https://invisioncommunity.com/files/file/9397-gs-youtube-videos-widget/

https://invisioncommunity.com/files/file/8866-supershow-youtubevimeo-feed-widget/

Цитата

20 апреля, 20205 yr

12 часов назад, alexrvs сказал:

ой вроде получилось через кода вставил... http://archi-cat.com но мож есть какой плагин ?

supershow_1_0.zip

Цитата

Zero108
1

20 апреля, 20205 yr

4 часа назад, alexrvs сказал:

по поводу видео я вставил ролики и все а вот еслибы с определеного канала они сами забирались в зависимости от обновления

сейчас проще написать на js обычный блок с выводом контента с канала с оформлением под родной шаблон IPS
Делал когда-то для себя))Думаю интернет вам поскажет как переделать под новый апи твича)будет две вкладки с трансляциями твич и ютуб. Вверху всегда выводятся онлайн трансляции

Спойлер


<div class="ipsTabs ipsTabs_small ipsTabs_stretch ipsClearfix" id="blocksTab_01" data-ipstabbar="" data-ipstabbar-contentarea="#blocksTab_01_content">
   <a href='#blocksTab_01' data-action='expandTabs'><i class='icon-caret-down'></i></a>
   <ul role='tablist'>
      <li role='presentation'>
         <a href="#ipsTabs_1" role='tab' id='blocksTab_01_forums' class='ipsTabs_item ipsType_center' aria-selected="true"><i class="fa fa-youtube-play" aria-hidden="true"></i> YouTube</a>
      </li>
      <li role='presentation'>
         <a href="#ipsTabs_2" id='blocksTab_01_orion' role='tab' class='ipsTabs_item ipsType_center'><i class="fa fa-twitch" aria-hidden="true"></i> Twitch</a>
      </li>
   </ul>
</div>
<!-- The tab panel wrapper -->
<div id="blocksTab_01_content" class="ipsTabs_panels">
   <!-- The tab 1 -->
   <div id="ipsTabs_blocksTab_01_blocksTab_01_forums_panel" class="ipsTabs_panel" style="" aria-hidden="" animating="false">
      <div class="ipsWidget_inner">
         <div class="ipsPad_half" id="scroll_streams">
            <ul class="ipsDataList ipsDataList_reducedSpacing" id="results">	</ul>
         </div>
      </div>
   </div>
   <!-- The tab 2 -->
   <div id="ipsTabs_blocksTab_01_blocksTab_01_orion_panel" class="ipsTabs_panel" style="" aria-hidden="" animating="false">
      <div class="ipsWidget_inner">
         <div class="ipsPad_half"  id="scroll_streams">
            <ul class="ipsDataList ipsDataList_reducedSpacing" id="results2">	</ul>
         </div>
      </div>
   </div>
</div>
<!-- The tab panel wrapper -->

<script type="text/javascript">
$(document).ready(function () {
	var vidWidth = 300;
	var vidHeight = 70;
	//var _total = 30;
	//var vidCategoryId = 20;
	//var rCode = 'RU';
	//var eType = 'live';
	//var stat = '';
	//var searchText = $('#encodedStr').val(); 
	//https://www.googleapis.com/youtube/v3/channels?id=..', {}, event); 
	//var searchText = 'tarkov';
	$.get(
		"https://api.twitch.tv/kraken/search/streams?query=tarkov&client_id=ТУТвашключ=30", {
			//part: 'channels',
			//eventType: eType,
			//type: 'video',
			//videoCategoryId: vidCategoryId,
			//regionCode: rCode,
			//maxResults: _total,
			//query: searchText,
			//client_id: 'v8yf737iu36zk4ftw9te7w7cu9o11i'
		},

		function (data) {
			var output;
			$.each(data.streams, function (i, item) {
				display_name = item.channel.display_name;
                viewers = item.viewers;
              	name = item.channel.name;
				status = item.channel.status;
				medium = item.preview.medium;
				output = '<li class="stream_num2 ipsDataItem"><div class="ipsDataItem_icon ipsPos_top"><a href="https://player.twitch.tv/?channel='+name+'"><div class="ipsThumb ipsThumb_tiny ipsThumb_bg" style="background-image: url('+medium+');"></div></a></div><div class="ipsDataItem_main"><div class="ipsCommentCount ipsPos_right ipsFaded" data-ipstooltip="" _title="Смотрят трасляцию">'+viewers+'</div><a href="https://player.twitch.tv/?channel='+name+'"><strong class="ipsOnlineStatus ipsOnlineStatus_online"><i class="fa fa-circle"></i></strong> '+display_name+'</a><br><span class="ipsType_light ipsType_small shortened">'+status+'</span></div>';
              	$('#results2').append(output);
				//statYs = stater(name); 
			});
		});

});
</script>

<script type="text/javascript">
$(document).ready(function () {
	var vidWidth = 300;
	var vidHeight = 70;
	var vidResults = 30;
	var vidCategoryId = 20;
	var rCode = 'RU';
	var eType = 'live';
	var stat = '';
	//var searchText = $('#encodedStr').val(); 
	//https://www.googleapis.com/youtube/v3/channels?id=..', {}, event); 
	var searchText = 'tarkov';
	$.get(
		"https://www.googleapis.com/youtube/v3/search", {
			part: 'id,snippet',
			eventType: eType,
			type: 'video',
			videoCategoryId: vidCategoryId,
			regionCode: rCode,
			maxResults: vidResults,
			q: searchText,
			key: 'ТУТвашключ'
		},

		function (data) {
			var output;
			$.each(data.items, function (i, item) {
				channelTitle = item.snippet.channelTitle;
              	videTitle = item.snippet.title;
				videoId = item.id.videoId;
				url = item.snippet.thumbnails.high.url;
				//output = '<iframe frameborder="0" height="' + vidHeight + '" width="' + vidWidth + '" src=\"//www.youtube.com/embed/' + videoId + '\"></iframe><p style=\"width:420px;\">' + videTitle + '</p><p name="' + videoId + '"id="' + videoId + '"></p>';
				output = '<li class="stream_num2 ipsDataItem"><div class="ipsDataItem_icon ipsPos_top"><a href="https://www.youtube.com/embed/'+videoId+'"><div class="ipsThumb ipsThumb_tiny ipsThumb_bg" style="background-image: url('+url+');"></div></a></div><div class="ipsDataItem_main"><div class="ipsCommentCount ipsPos_right ipsFaded" data-ipstooltip="" _title="Смотрят трасляцию" name="' + videoId + '"id="' + videoId + '"></div><a href="https://www.youtube.com/embed/'+videoId+'"><strong class="ipsOnlineStatus ipsOnlineStatus_online"><i class="fa fa-circle"></i></strong> '+channelTitle+'</a><br><span class="ipsType_light ipsType_small shortened">' + videTitle + '</span></div>';
              	//Append to results listStyleType 
				$('#results').append(output);
				statYs = stater(videoId);
				//console.log('priemnik '+statYs) 
			});
		});

	function stater(viId) {
		$.get(
			"https://www.googleapis.com/youtube/v3/videos", {
				part: 'statistics,snippet',
				id: viId,
				key: "ТУТвашключ"
			},
			function (data) {

				$.each(data.items, function (i, item) {
					stat = + item.statistics.viewCount;
					//console.log('peredatchik ' + stat);
					$('div#' + viId + '').html(stat);
					//$('#results').append(stat); 
					//$('#results').append(stat); 
				});

			});
		// 
		//return stat; 
	}

});
</script>
<style>
#scroll_streams {
height:310px;
overflow-y:scroll;
}
.shortened {
display: inline-block;
max-width: 175px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
</style>
<style>
.ON_stream {
  box-shadow: 0 0 25px #1A0B3C, 0px 0px 0px rgb(0, 0, 0);
  margin: 8px;
}
.ON_status{
  font-family: Helvetica Neue,Helvetica,sans-serif;
}
.ON_tIcon{
  padding: 0 10px 0 0;
  font-size: 20px;
}
.ON_user{
font-size: 16px;
font-weight: 600;
}
.ON_Online {
padding: 1px 5px;
font-size: 12px;
font-weight: 600;
text-transform: none;
box-shadow: 0px 2px 10px rgba(0,0,0,.3), inset 0 1px 0px rgba(255,255,255,.2);
background: rgba(24, 255, 107, 0.5);
} 
  
</style>

Цитата

alexrvs
1

20 апреля, 20205 yr

Author

спасибо

Цитата

27 апреля, 20214 yr

В 20.04.2020 в 22:31, andros0789 сказал:

сейчас проще написать на js обычный блок с выводом контента с канала с оформлением под родной шаблон IPS
Делал когда-то для себя))Думаю интернет вам поскажет как переделать под новый апи твича)будет две вкладки с трансляциями твич и ютуб. Вверху всегда выводятся онлайн трансляции

а можно сделать чисто 2 вкладки со текстом своим? нужен js?

Цитата

Sign In

Новая вкладка на главной странице

Featured Replies

Join the conversation

Последние посетители 0

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)