从视频中删除海报属性

Question

我正在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', '');
// }
});

Answer 1

您应该使用removeAttr()方法。

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

Answer 2

一如既往，答案在文档中找到：

$('.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
}, 
});