Hi, I wanted to create a new topic but I think I will use this.
I have some troubles with my video expand codes:
<body>
<video id="myVideo"
onmouseover="this.src='1080x720.webm';" onmouseout="this.src='300x600.webm';" border="0" onclick="VideoControl()" controls autoplay>
<source src="300x600.mp4" type="video/mp4">
<source src="300x600.webm" type="video/webm">
<source src="300x600.ogv" type="video/ogg">
Your Browser does not support the video tag
</video>
[...]
</body>
As you can see, my page loads a video (300x600), when the mouse is over the video a new video will appear(1080x720), and when the mouse is out the 300x600 comes back, but here are my problems:
-When I run with Chrome, there's no 300x600, there's just the sound, but the onmouseover works and the onmouseout too, why it doesn't work at the beginning?
-When I run with Firefox, the 300x600 at the beginning works but not the onmouseover, I have to reload(or F5) to make it work, why?
And I have other questions:
-I want to make all formats video for the 1080x720, well I mean, is it possible to do something like this?
onmouseover="this.src='1080x720.webm'; this.src='1080x720.mp4'; this.src='1080x720.ogg';"
Or there's another way to do this?
-I would like that 1080x720 begins at the same time 300x600, so when the mouse is over the 300x600, the 1080x720 will appear but not at the beginning, is it possible?
-Concerning the onmouseover and onmouseout, i'd like to make something like a load-timer/animation, so when the user pass his mouse over the video, he thinks that the video will get 'bigger', more like a transition, is it possible to do something like this?
Thanks