Ptr-content + vertical swiper problem

when swiper down , trigger ptr-contet refresh event
how to solve it ?

	<div class="page">
		<div class="navbar">
			<div class="navbar-bg"></div>
			<div class="navbar-inner sliding">
				<div class="left"><a href="#" class="link back"></a></div>
				<div class="title">Component Page</div>
		<div class="page-content ptr-content" @ptr:refresh=${loadMore}>
			<div class="ptr-preloader">
				<div class="preloader"></div>
				<div class="ptr-arrow"></div>
			<div class="swiper-container" style="width: 100%;height: 100%">
				<!-- Slides wrapper -->
				<div class="swiper-wrapper">
					<!-- Slides -->
					<div class="swiper-slide">Slide 1</div>
					<div class="swiper-slide">Slide 2</div>
					<div class="swiper-slide">Slide 3</div>
					<div class="swiper-slide">Slide 4</div>
					<div class="swiper-slide">Slide 5</div>
					<div class="swiper-slide">Slide 6</div>
					<div class="swiper-slide">Slide 7</div>
					<div class="swiper-slide">Slide 8</div>
					<div class="swiper-slide">Slide 9</div>
	.swiper-slide {
		width: 100vw;
		height: 100vw;
		background-color: white;
    export default function (props, { $on }) {
        let swiper = null;
		let currentActiveIndex = 0;
		const loadMore = (e,done) => {
            setTimeout(() => {
        $on('pageInit', (e, page) => {
            swiper = app.swiper.create('.swiper-container',{
                spaceBetween: 10,
                freeMode: true,
                    activeIndexChange:function (s){
                        currentActiveIndex = s.activeIndex;
                    slideChangeTransitionEnd:function (s){

        // Return render function
        return $render;

These are incompatible and will conflict with each other. Use horizontal swiper, or you can add ptr-ignore class to Swiper container so it won’t trigger PTR

I want to make a YouTube app display effect. When the scrolling is over, the first visual video will be automatically played. Is there any other way to achieve it?

But YouTube doesn’t have anything like Swiper, it is usual scrolling page. You can use Intersection Observer API - Web APIs | MDN to detect when video is currently on the top of the page