HTML5視頻：隱藏控件不會在Internet Explorer中，removeAttr，removeProp等

Question

工作，試圖隱藏和顯示上的視頻控件懸停輸入/懸停休假：

$('#content-video').hover(function(event) { 
    if(event.type === "mouseenter") { 
     console.log("ENTER"); 
     $(this).attr("controls", true); 
    } else if(event.type === "mouseleave") { 
     console.log("EXIT"); 
     $(this).attr("controls", false); 
     $(this).prop("controls", false); 
     $(this).removeAttr("controls"); 
     $(this).removeProp("controls"); 
     currentVideo.removeAttribute('controls'); 
    } 
}) 

試過一切。按照預期，ENTER和EXIT消息在Internet Explorer中正常顯示，但「controls =」true「'保留在元素上，並且控件在mouseleave上保持可見狀態！任何想法爲什麼？嘰。

Answer 1

document.getElementById("myVideo").controls = false;