.slider1__content {
display: grid;
grid-template-columns: 321px 149px 220px 101px 369px 321px 99px auto;
grid-template-rows: repeat(2, 300px);
overflow: scroll;
overflow-x: hidden;
}
.slider1__img {
max-width: 470px;
width: 100%;
height: 300px;
object-fit: cover;
}
.slider1__img:first-child {
grid-column: 1 / 3;
}
.slider1__img:nth-child(2) {
grid-column: 3 / 5;
}
.slider1__img:nth-child(3) {
grid-column: 5 / 6;
}
.slider1__img:nth-child(4) {
grid-column: 6 / 8;
}
.slider1__img:nth-child(5) {
grid-column: span 1;
}
.slider1__img:nth-child(6) {
grid-column: 1 / 2;
}
.slider1__img:nth-child(7) {
grid-column: 2 / 4;
}
.slider1__img:nth-child(8) {
grid-column: 4 / 6;
}
.slider1__img:nth-child(9) {
grid-column: 6 / 7;
}
.slider1__img:last-child {
grid-column: span 2;
}
<script src="https://vk.com/js/api/videoplayer.js"></script><iframe src="https://vk.com/video_ext.php?oid=-22822305&id=456241864&hd=2&js_api=1" width="853" height="480" allow="autoplay; encrypted-media; fullscreen; picture-in-picture;" frameborder="0" allowfullscreen ></iframe>import requests
class YandexAPIClient:
def __init__(self, api_key):
self.header = {'Authorization': f'OAuth {api_key}'}
self.base_url = "https://api-metrika.yandex.ru/stat/v1/data"
# Запрос для выборки по просмотру страниц
def fetch_page_views(self, start_date, end_date):
params = {
'date1': start_date.strftime('%Y-%m-%d'),
'date2': end_date.strftime('%Y-%m-%d'),
'id': id,
'metrics': 'ym:s:visits, ym:s:users, ym:s:bounceRate, ym:s:pageDepth, ym:s:avgVisitDurationSeconds',
'dimensions': 'ym:s:startURL',
'filters': "ym:s:isRobot=='No'",
'limit': 100000
}
response = requests.get(self.base_url, params=params, headers=self.header)
response.raise_for_status()
return response.json()
отключить autoplay - скролл до 1-го слайда - включить autoplaynavList[i].addEventListener("click", (evt) => {
let currentLink = tabContainer.querySelector(
".slidersTab__tab-label.current"
);
let currentTab = tabContainer.querySelector(
".slidersTab__slidersItem.current"
);
//добавить 4 строчки -- start
let currentSlider = tabList[i].querySelector('.slidersTab__slider-body').swiper;
currentSlider.autoplay.stop();
currentSlider.slideTo(0, 0, false);
currentSlider.autoplay.start();
//-- end
currentLink.classList.remove("current");
navList[i].classList.add("current");
currentTab.classList.remove("current");
tabList[i].classList.add("current");
});
var marker = new ymaps.Placemark(
//координаты
{
...
},
{
hasBalloon: false,
href: 'http://google.ru/'
...
}
);
marker.events.add('click', function (e) {
location = e.get('target').options.get('href');
});
<video class="video" poster="poster.jpg" preload>
<source src="video.mp4">
</video>document.addEventListener("DOMContentLoaded", function(){ // аля $(document).ready
let videos = document.getElementsByClassName('video'); // получаем все видосы с класосм
videos = [].slice.call(videos); // преобразуем в массив
videos.forEach(function(item) { // перебираем массив и навешиваем обработчики
let media = item;
media.onclick = function () {
media.play(); // запускаем проигрывание
media.controls = true; // добавляем контролы
};
media.addEventListener('ended', function() {
media.controls = false; // видео просмотрено, убираем контролы
});
});
});