从视频中删除海报属性

问题描述

我正在从 Slider Revolution 在 fancybox 3 中加载视频。

当用户点击播放按钮图片时，视频会加载到灯箱中，但使用播放按钮作为海报图片。

我已尝试删除该海报图片，但它不起作用。

$('.fancybox').fancybox({

    onInit: function (instance,current) {
        $('.fancybox-video').attr('poster','');
    },// also tried this
    // type: 'ajax',// afterShow: function() {
    //     $('.fancybox-video').attr('poster','');
    // }

});

解决方法

您应该使用 removeAttr() method。

$('.fancybox-video').removeAttr('poster');

一如既往，答案在documentation中：

$('.fancybox').fancybox({
    video: {
        tpl:
            '<video class="fancybox-video" controls controlsList="nodownload" poster="">' +
            '<source src="{{src}}" type="{{format}}" />' +
            'Sorry,your browser doesn\'t support embedded videos,<a href="{{src}}">download</a> and watch with your favorite video player!' +
            "</video>",format: "",// custom video format
        autoStart: true
        },});

fancybox jquery