<!doctype html> <html lang="en"> <head><meta charset="UTF-8"><title>鼠標移入視頻播放，鼠標移出播放停止，恢復到原來狀態</title><link rel="shortcut icon" href="http://files.cnblogs.com/files/heyiming/logo.ico" /><style>*{margin: 0;padding: 0;}.video{width: 200px;height: auto;margin: 0 auto;}#video{width: 200px;height: auto;}</style> </head> <body><div class="video"><div class="img" onmouseover="come()"><img src="demo.png" alt=""/></div><a href="此處填寫你想要跳轉的地址"><video id="video" style="display: none" src="videos/demo.mp4" autoplay="autoplay" onmouseout="go()" ></video></a></div> </body> </html> <script src="http://files.cnblogs.com/files/heyiming/jquery-2.1.4.min.js"></script> <script>myVid=document.getElementById("video");myVid.muted=true;function come() {$("#video").show();$(".img").hide();$("#video").load();//執行一次加載一次，從頭開始播放 }function go() {$(".img").show();$("#video").hide();} </script>
?
)
)
