fix video control hover in learning object show

app/views/learning_objects/show.html.erb

@@ -265,11 +265,12 @@
 <!-- /container -->
 
 <script type="text/javascript">
-  $('.view video').hover(function() {
-    if (this.hasAttribute("controls")) {
-      this.removeAttribute("controls")
-    } else {
+  $(".view video").hover(function(event) {
+    if (event.type === "mouseenter") {
       this.setAttribute("controls","controls")
     }
+    else if(event.type === "mouseleave") {
+      this.removeAttribute("controls")
+    }
   });
 </script>