Image placeholder fallback for HTML5 Video

by

After a lot of searching, I found the solution that worked for me back to IE8. Have not tested in IE7.

How can I display an image if browser does not support HTML5’s <video> tag

The above post, shows a method that seems to work for me. Here is the output based on my above code:

<video autoplay>
    <source src="https://stackoverflow.com/resources/video/product-hero.mp4.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"" />
    <source src="/resources/video/product-hero.webmhd.webm" type="video/webm; codecs="vp8, vorbis"" />
    <img src="/images/product/product-parent-hero.jpg" title="Your browser does not support the <video> tag">
</video>

More Related Contents:

  1. Play local (hard-drive) video file with HTML5 video tag?
  2. Is there a way to make HTML5 video fullscreen?
  3. Html Video player plays sound but not video
  4. Play infinitely looping video on-load in HTML5
  5. Streaming a video from Google Drive using HTML5 video tag
  6. Safari – Videos load far too slowly
  7. Retrieving HTML5 video duration separately from the file
  8. Another: Force Chrome to fully buffer mp4 video
  9. How to stream audio/video files such as MP3, MP4, AVI, etc using a Servlet
  10. Wait until an HTML5 video loads
  11. HTML5 live streaming
  12. Embed YouTube video – Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’ [duplicate]
  13. HTML5 Video // Completely Hide Controls
  14. html5 video not working on ipad
  15. Safari 9.0 can not play mp4 video on the storage server
  16. plays in other browsers, but not Safari
  17. HTML5 Video not working in IE 11
  18. preparing mp4 file for html 5
  19. html5 video tag codecs attribute
  20. HTML5 callbacks?
  21. HTML5 – mp4 video does not play in IE9
  22. How to set the thumbnail image on HTML5 video?
  23. HTML5 and Javascript to play videos only when visible
  24. Play HTML5 Video when scrolled to
  25. html5 video issue with chrome
  26. html5 video safari downloads full before playing
  27. YouTube URL in Video Tag
  28. How to hide full screen button of the video tag in HTML5
  29. HTML5 Video: Streaming Video with Blob URLs
  30. Making youtube.com/embed URLs work on iOS

Leave a Comment