Camen Design Forum

Delete

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

To delete this thread, and all replies to it, you must be either the original author or a designated moderator.

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

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 <camendesign.com/code/video_for_everybody>
<!-- see http://camendesign.com/code/video_for_everybody -->
<!-- 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" />
</object>
</video>
<!-- 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="https://youtu.be/Frrj5LfUsII">"YouTube"</a>
</p>

End code
You can see this at http://arizonaskys.com/Extreme_images.php

Your friendly neighbourhood moderators: Kroc, Impressed, Martijn