Link to home
Start Free TrialLog in
Avatar of codeoxygen
codeoxygen

asked on

Html5 animation

Hi,
I attached in my sample model image..How to create a animation in html5 this model..?.
Please anybody help, and send step by step guide..?

card.jpg
Avatar of Nrisimha
Nrisimha
Flag of Croatia image


Well, you have to explain better your question - do you want to have a video in your web page or as is on the JPG image applied rollover effect.

For video in HTML 5 you have next code:

<body>
<video class="rimg" controls="true" width="720" height="576" autoplay="true">
  <source src="yourvideo.mp4" type="video/mp4" />
  Your browser does not support the video tag.
</video>
</body>

Of course it is for video with MP4 extension. You have to put width and height of your own video because my values width="720" height="576" are for one of my video.

And this video have a name yourvideo.mp4. But, you can choose another name and rename to cards.mp4 or something else.

The command autoplay="true" enable that video will start immediately when your web page will be  shown in an browser. If you want to start it manually you can set autoplay="false".

And finally command controls="true" means that your video will be shown in player with buttons for start, pause, volume etc.

But, if you want to have a rollover than you have to put two images that you want to show.

regards

Nrisimha
ASKER CERTIFIED SOLUTION
Avatar of Zado
Zado
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial