JQuery hover to get <video> controls

JQuery hover to get <video> controls

by enigmarm

HTML

<video width="300" height="auto" id="myvideo">
    <source src="#" type="video/mp4" />
</video>

JavaScript

var video = document.getElementById("myvideo");

$('#myvideo').hover(function toggleControls() {
    if (video.hasAttribute("controls")) {
        video.removeAttribute("controls")
    } else {
        video.setAttribute("controls", "controls")
    }
})