popup中添加video不能播放吗？

<template>  
    <view class="">  
        <u-button style="margin-top: 300rpx;" @click="show = true">打开弹窗</u-button>  
        <u-popup mode="top" v-model="show">  
            <view class="content">  
                <swiper class="swiper" :autoplay="true">  
                    <swiper-item>  
                        <view class="bg-red" style="height: 200rpx;">  
                            <video  
                            style="position: absolute;"  
                                src="https://ivi.bupt.bt3.eyunzhu.com/hls/cctv1hd.m3u8"  
                                :page-gesture="true"  
                                :enable-progress-gesture="false"  
                                title="CCTV1"  
                                poster="https://via.placeholder.com/90x30/000/FFF?text=CCTV1"  
                            ></video>  
                        </view>  

                    </swiper-item>  
                    <swiper-item>  
                        <view class="bg-black" style="height: 200rpx;"></view>  
                    </swiper-item>  
                    <swiper-item>  
                        <view class="bg-blue" style="height: 200rpx;"></view>  
                    </swiper-item>  
                    <swiper-item>  
                        <view class="bg-orange" style="height: 200rpx;"></view>  
                    </swiper-item>  
                    <swiper-item>  
                        <view class="bg-gray" style="height: 200rpx;"></view>  
                    </swiper-item>  
                </swiper>  
            </view>  
        </u-popup>  
    </view>  
</template>  

<script>  
export default {  
    data() {  
        return {  
            show: false  
        };  
    }  
};  
</script>  

<style lang="scss" scoped>  
.content {  
    padding: 24rpx;  
    text-align: center;  
}  
</style>