the userAction option of vue-video-player does not work - html

Question

I want to remove the click event which switch player status between play and pause.
Here is my code.
<template>
<video-player
ref="videoPlayer"
:options="playerOptions"
:playsinline="false"
#play="onPlayerPlay($event)"
#pause="onPlayerPause($event)"
#ended="onPlayerEnded($event)"
#loadeddata="onPlayerLoadeddata($event)"
#waiting="onPlayerWaiting($event)"
#playing="onPlayerPlaying($event)"
#timeupdate="onPlayerTimeupdate($event)"
#canplay="onPlayerCanplay($event)"
#canplaythrough="onPlayerCanplaythrough($event)"
#ready="playerReadied"
#statechanged="playerStateChanged($event)"
/>
</template>
.........................
data() {
return {
// videojs options
playerOptions: {
autoplay: false,
muted: false,
preload: 'auto',
language: 'zh-CN',
playbackRates: [0.75, 1.0, 1.25, 1.5, 2.0], // 播放速度
aspectRatio: '16:9',
fluid: true,// 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
notSupportedMessage: '此视频暂无法播放，请刷新后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
controls: true, // 下面的控制按钮
bigPlayButton: false,
controlBar: {
playToggle: false, // 播放按钮
timeDivider: false, // 时间分割线
durationDisplay: false, // 总时间
remainingTimeDisplay: false, // 剩余播放时间
progressControl: true, // 进度条
fullscreenToggle: false // 全屏按钮
},
sources: [{
type: 'video/mp4',
// mp4
src: ''
// webm
// src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"
}],
userActions: {
click: false // it does not work
}
}
}
},
refer to userAction
Controls how clicking on the player/tech operates. If set to false, clicking is disabled and will no longer cause the player to toggle between paused and playing. If controls are disabled with controls: false, this will not call the handler function.
If undefined or set to true, clicking is enabled and toggles the player between paused and play. To override the default click handling, set userActions.click to a function which accepts a click event (in this example it will request Full Screen, the same as a userAction.doubleClick):