Javascript 错误时用图像替换视频

如果视频缺少源，如何用图像替换视频

<div id="gameImage"><img id="img" src=""></div>
<div id="gameTrailer">
    <video autoplay loop width="960" height="540" id="video">
        <source src="" id="gameTrailer_window">
    </video>
</div>

…但在某些情况下，

var videoSrc

将等于null，这意味着不会显示任何视频。因此，我认为一个显示图像的

onError

-函数（总是有可用的源）可以工作，但没有源的视频元素似乎不会返回错误，因此，以下函数：

$("#video").error(function () { 
    $(this).hide(); 
    $("#gameImage").find("#img").attr("src", data.gameImage)
});

…不会开火。可能是代码有问题，我不是100%确定

在正确的方向上的任何一种轻推都将非常感激，提前感谢

---

John

为什么不检查第一个函数中的条件，而不是编写另一个函数

if(videoSrc!=null){
  $("#video").find("#gameTrailer_window").attr("src", videoSrc)
} else {
  $("#gameImage").find("#img").attr("src", data.gameImage);
}

如果var不为null，则视频src将更改，否则图像src将更改

---

为什么不在第一个函数中检查条件而不是编写另一个函数

if(videoSrc!=null){
  $("#video").find("#gameTrailer_window").attr("src", videoSrc)
} else {
  $("#gameImage").find("#img").attr("src", data.gameImage);
}

如果var不为null，则视频src将更改，否则图像src将更改

---

因为我真的不擅长这个。谢谢，虽然这解决了一个问题，但还是出现了其他问题。视频的src在代码（inspect元素）中被替换，但是视频没有改变/视频只是一个白色区域。因为我真的不擅长这个。谢谢，虽然这解决了一个问题，但还是出现了其他问题。视频的src在代码（inspect元素）中被替换，但视频没有改变/视频只是一个白色字段。