禁用正向操作视频

时间:2017-09-15 12:46:16

标签: javascript jquery html5 angular videogular

import {VgCoreModule} from 'videogular2/core';
import {VgControlsModule} from 'videogular2/controls';
import {VgOverlayPlayModule} from 'videogular2/overlay-play';
import {VgBufferingModule} from 'videogular2/buffering';
<div class="video-sec">
    <vg-player>
        <video [vgMedia]="media" #media id="singleVideo" preload="auto" controls>
            <source src="http://static.videogular.com/assets/videos/videogular.mp4" type="video/mp4">
        </video>
    </vg-player>
</div>

我在我的角度2项目中使用视频视频播放器。我想禁用该视频播放器的正向操作以及存在一个下载按钮,因此我还想禁用该播放器的下载操作。我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

只需在视频代码中添加controlsList="nodownload"

<vg-player>
    <video ... controls controlsList="nodownload">
        <source src="xxxx" type="video/mp4">
    </video>
</vg-player>