用錯誤圖片替換視頻

Question

如果視頻缺少來源，如何用圖片替換視頻？

<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> 

源的視頻通過AJAX附加這樣的：

var videoSrc = data.gameTrailer; 
var video_block = $('#video'); 
video_block.load(); 
$("#video").find("#gameTrailer_window").attr("src", videoSrc) 

..但在某些情況下，var videoSrc將等於空，這意味着沒有視頻會顯示在。所以我想通了onError - 功能顯示圖像，而不是（這將始終有一個可用的源）的工作，但沒有源的視頻元素似乎並不將返回錯誤，爲此以下功能：

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

..不會起火。這可能與代碼有關，我不是100％確定的。

任何形式的正確方向微調將非常感謝，事先感謝。

約翰

Answer 1

你爲什麼不檢查，而不是寫另一功能

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

如果無功是不是null，則視頻SRC會改變其他圖片src將改變第一個函數的條件。