HTML 5 video custom controls

by

In the HTML5 spec, there is a controls attribute for <video>.

Also check out this article: Video on the Web – Dive into HTML5. It explains:

By default, the element will not expose any sort of player controls. You can create your own controls with plain old HTML, CSS, and JavaScript. The element has methods like play() and pause() and a read/write property called currentTime. There are also read/write volume and muted properties. So you really have everything you need to build your own interface.

If you don’t want to build your own interface, you can tell the browser to display a built-in set of controls. To do this, just include the controls attribute in your tag.

More Related Contents:

  1. Streaming via RTSP or RTP in HTML5
  2. html5: display video inside canvas
  3. HTML5 Video: Force abort of buffering
  4. HTML 5 Video stretch
  5. Video streaming with HTML 5 via node.js
  6. video as site background? HTML 5
  7. What’s the status of the HTML 5 tag and webcam integration?
  8. Does HTML5 playback support the .avi format?
  9. How to get the information of bit-rate from YouTube videos?
  10. Play local (hard-drive) video file with HTML5 video tag?
  11. Is there a way to make HTML5 video fullscreen?
  12. HTML 5 video or audio playlist
  13. HTML5 – How to stream large .mp4 files?
  14. Stream Video to one user and receive audio from the user
  15. Force HTML5 youtube video
  16. Embed YouTube video – Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’ [duplicate]
  17. HTML5 Video // Completely Hide Controls
  18. Html Video player plays sound but not video
  19. How to mute an html5 video player using jQuery
  20. Safari 9.0 can not play mp4 video on the storage server
  21. preparing mp4 file for html 5
  22. How to change the playing speed of videos in HTML5?
  23. HTML5 callbacks?
  24. How to determine the intended frame-rate on an html video element
  25. Merging multiple video files with ffmpeg and xfade filter
  26. How often does the timeupdate event fire for an html5 video
  27. Safari – Videos load far too slowly
  28. Getting metadata for MOV video
  29. How can HTML5 video’s byte-range requests (pseudo-streaming) work?
  30. Google Drive – Video Streaming

Leave a Comment