Jump to content



Welcome to KnowledgeSutra - Dear Guest , Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply w/o Sign-Up!
- - - - -

Adding Controls For Full-Screen Video In Html 5



1 reply to this topic

#1 mrdee

    Privileged Member

  • Kontributors
  • PipPipPipPipPipPipPipPipPip
  • 810 posts
  • Gender:Male
  • Location:Slough (UK)
  • myCENT:90.63

Posted 23 November 2011 - 12:59 AM

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.

#2 agyat

    Newbie [Level 3]

  • Kontributors
  • PipPipPip
  • 47 posts
  • Gender:Not Telling
  • Location:City of TAnsen
  • Interests:Reading Books, cooking, listening song
  • myCENT:33.61

Posted 06 December 2011 - 08:07 PM

Information at http://www.thecssnin...ript/fullscreen may i hope will be helpful for you. Just give a try.




Reply to this topic


This post will need approval from a moderator before this post is shown.

  


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users