Camen Design Forum

How to get a jpg image to show up in Video for everone code

append delete Thomas Hilton

I am using the following code from your example. It is showing up blank image above the the movie control bar. What am I doing wrong?

Start code:
<!-- "Video For Everybody" v0.4.1 by Kroc Camen of Camen Design <>
<!-- see -->
<!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise -->
<!-- warning: playback does not work on iPad/iPhone if you include the poster
attribute! fixed in iOS4.0 -->
<video width="640" height="360" controls preload="none">
<!-- MP4 must be first for iPad! -->
<source src="mallincam_extreme/Videos/Moon_in_Daylight_2018-05-20.mp4"Type="video/mp4" />
<!-- WebKit video -->
<source src="mallincam_extreme/Videos/Moon_in_Daylight_2018-05-20.webm" type="video/webm" />
<!-- Chrome / Newest versions of Firefox and Opera -->
<source src="mallincam_extreme/Videos/Moon_in_Daylight_2018-05-20.ogg" type="video/ogg" />
<!-- Firefox / Opera --><!-- fallback to Flash: -->
<object width="640" height="384" type="application/x-shockwave-flash" data="__FLASH__.SWF">
<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
<param name="movie" value="mallincam_extreme/Videos/Moon_in_Daylight_2018-05-20.flv" />
<param name="flashvars" value="image=mallincam_extreme/Videos/mallincam_extreme/Videos/Moon_in_Daylight_2018-05-20.jpg&amp;file=mallincam_extreme/Videos/Moon_in_Daylight_2018-05-20.mp4" />
<!-- fallback image. note the title field below, put the title of the video there -->
<img src="mallincam_extreme/Videos/Moon_in_Daylight_2018-05-20.jpg"
width="640" height="360" alt="__TITLE__"
title="No video playback capabilities, please download the video below" />
<!-- you *must* offer a download link as they may be able to play the file locally. customise this bit all you want -->
<p> <strong>Download Video:</strong>
Closed Format: <a href="mallincam_extreme/Videos/Moon_in_Daylight_2018-05-20.mp4">"MP4"</a>
Open Format: <a href="mallincam_extreme/Videos/Moon_in_Daylight_2018-05-20.ogg">"OGG"</a>
Open Format: <a href="">"YouTube"</a>

End code
You can see this at

Reply RSS


append delete #1. Martijn

I’d encourage you to read more about the `VIDEO` element here:

It sounds like you want to display a still image before the visitor presses play? That’s what the `poster` attribute is for. It is described on the page I linked there.

append delete #2. Thomas Hilton

Thank you, that is exactly what I needed.


(Leave this as-is, it’s a trap!)

There is no need to “register”, just enter the same name + password of your choice every time.

Pro tip: Use markup to add links, quotes and more.

Your friendly neighbourhood moderators: Kroc, Impressed, Martijn