Skip to content

Instantly share code, notes, and snippets.

@robertcedwards

robertcedwards/gist:fcec06dc0904a438c6a8

Created November 3, 2014 21:35
Show Gist options
  • Star 10 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save robertcedwards/fcec06dc0904a438c6a8 to your computer and use it in GitHub Desktop.
Save robertcedwards/fcec06dc0904a438c6a8 to your computer and use it in GitHub Desktop.
Download ZIP
onmouseover html5 video play, mouseout pause
Raw
gistfile1.txt
<html>
<head>
</head>
<body>
<div style="text-align:center" onmouseover="Play()" onmouseout="Pause()">
<video id="video1" width="480">
<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4" />
<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.ogg" type="video/ogg" />
Your browser does not support HTML5 video.
</video>
</div>
<script type="text/javascript">
var myVideo=document.getElementById("video1");
function Pause()
{
myVideo.pause();
}
function Play()
{
if (myVideo.paused)
myVideo.play();
}
</script>
</body>
</html>
@RaffaeleCrocco
Copy link

It works but you have to click inside the page at least one time before over the video, than it works

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment