Jump to content
xisto Community
mrdee

Adding Controls For Full-Screen Video In Html 5

Recommended Posts

Earlier today I embedded a video file into a website using HTML 5.

I used the following code:

<video width="560" height="340" controls>  <source src="file://C:/Users/Papa/Documents/Camtasia Studio/Puppies/Puppies.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'><source src="path/to/myvideo.ogv" type='video/ogg; codecs="theora, vorbis"'></video>

(Obviously this is just the code for the video, it was properly placed between <head></head>, <html></html> and <body></body> tags.).

The code worked good as gold, the video plays impeccably, however, the only control present apart from Play/Pause is the volume control.

I would like a control on my video which the user can click to let the clip play in full-screen mode.

Is that possible to achieve, and, if it is, how do I manage to do this?

Your advice will be much appreciated.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.