<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-го слайда - включить autoplay
navList[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");
});
<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; // видео просмотрено, убираем контролы
});
});
});
.swiper-container {
overflow: hidden;
}
.swiper-container {
overflow: visible;
}
.slider {
overflow: hidden;
}
<div class="slider">
<div class="slider__container swiper-container">
<div class="slider__list swiper-wrapper">
<div class="slider__item swiper-slide">Slide 1</div>
<div class="slider__item swiper-slide">Slide 2</div>
<div class="slider__item swiper-slide">Slide 3</div>
</div>
</div>
</div>
function Counter({ val, time }) {
const [ currVal, setCurrVal ] = useState(0);
useEffect(() => {
currVal !== val && setTimeout(setCurrVal, time, currVal + 1);
}, [ currVal ]);
return <div>{currVal}</div>;
}
document.activeElement
.function onInputFocus(){
console.log(this)
}
var inputs = document.getElementsByTagName('input');
for(var i = inputs.length; i--;)
inputs[i].addEventListener('focus', onInputFocus);
или, если нужна поддержка динамически добавленного: document.addEventListener('focus', function(event){
var target = event.target;
if(!target || target.tagName !== 'INPUT') return;
console.log(target)
}, true)