<video

      id="videoPlayer"

      src="{{videoUrl}}"

      poster="{{sectionInfo.courseCover}}"

      controls

      show-fullscreen-btn="{{true}}"

      show-play-btn="{{true}}"

      show-center-play-btn="{{true}}"

      enable-progress-gesture="{{true}}"

      custom-cache="{{false}}"

      class="section-video"

      bindloadedmetadata="onVideoLoadedMetadata"

      bindtimeupdate="onVideoTimeUpdate"

      bindplay="onVideoPlay"

      bindpause="onVideoPause"

      bindended="onVideoEnded"

      binderror="onVideoError"

      bindwaiting="onVideoWaiting"

      bindfullscreenchange="onVideoFullscreenChange"

    >