<video

            :key="videoReloadKey"

            :class="{ 'video-hidden': settings.hideVideo }"

            id="videoPlayer"

            ref="videoPlayerRef"

            :src="currentVideo.url"

            :title="currentVideo.title"

            :controls="showProgressBar"

            :autoplay="pendingAutoPlayVideoOnCanplay"

            :show-center-play-btn="false"

            :enable-danmu="false"

            :danmu-btn="false"

            :show-casting-button="true"

            :show-fullscreen-btn="false"

            class="video-player"

            @play="onVideoPlay"

            @pause="onVideoPause"

            @ended="onVideoEnded"

            @timeupdate="onVideoTimeUpdate"

            @loadedmetadata="onVideoLoadedMetadata"

            @canplay="onVideoCanplay"

            @waiting="onVideoWaiting"

            @error="onVideoError"

            @fullscreenchange="onFullscreenChange"

            @castinguserselect="onCastingUserSelect"

            @castingstatechange="onCastingStateChange"

          >