nuxt视频如何使用video标签？

参数什么的根据自己的需求调整

<template>
	<!-- <IndexVideo /> -->
	 <div class="video-player">
	     <video ref="videoPlayer" :src='srcurl' muted loop autoplay></video>
	 </div>
</template>
<script>
export default {
    data(){
        return{
            srcurl:''
        }
    },
    mounted() {
        this.srcurl = 'http://vjs.zencdn.net/v/oceans.mp4';
        this.videoPlayer = this.$refs.videoPlayer;
        this.videoPlayer.addEventListener('ended', this.handleVideoEnded);
    },
    beforeDestroy() {
        // Clean up event listener when the component is about to be destroyed
        this.videoPlayer.removeEventListener('ended', this.handleVideoEnded);
    },
    methods:{
        handleVideoEnded() {
            // When the video ends, rewind to the beginning and play again
            this.videoPlayer.currentTime = 0;
            this.videoPlayer.play();
        },
    }
}
</script>
<style scoped lang="scss">

</style>