<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div class="moz-cite-prefix">On 21/07/12 16:57, Kevin O'Gorman
wrote:<br>
</div>
<blockquote
cite="mid:CAGVXcSZdT0Z1O1cBgXc9TXfvVOxkDgbgpNCQ6RQ_5hfBHWcS0Q@mail.gmail.com"
type="cite">
<pre wrap="">I have a web page that celebrates my dog. I've been posting my
pictures and videos to it, learning about web pages and such as I go
along.
I've just gotten thumbnails sorted out, and I'm on to the videos.
They're fine when viewed through the File Manager, but not through a
browser from the page itself. They either stay black, or show a few
frames and go black. The same thing happens from my Windows 7
laptop, but I mostly see Flash on it so I don't know if it views other
plain video files properly.
The videos are AVI and MP4. Clicking "save link as" saves an exact
copy, so I presume I'm serving them right, but I cannot be sure.
The system is Ubuntu 11.04, with Xubuntu added. (I plan to install
xubuntu 12.04.1 when I get a Round Tuit) I run an xfce session. The
browsers I use are Firefox and Chrome.
I don't know if I'm serving them wrong, or have the browsers set up
wrong. It would be nice to know if anyone sees them properly and can
guide me through setup, or if everyone sees what I do and I'm actually
serving them wrong.
the page is <a class="moz-txt-link-freetext" href="http://kosmanor.com/Cully">http://kosmanor.com/Cully</a>.
</pre>
</blockquote>
What video codecs are you using? You can't just use any codec dumped
from a camcorder and expect it to work on a web page. Modern
browsers such as Chrome and Firefox usually recommend using the Webm
codec/container for video playback. Looking at your web page, it
seems the videos are AVI format - this is probably the worst format
to use on the web, since it is uncompressed and cannot normally be
played in-browser. You can easily do conversion with ffmpeg/libav -
avi to webm would be:<br>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<b>ffmpeg -i foo.avi foo.webm</b><br>
More info is here:
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<a href="http://paulrouget.com/e/converttohtml5video/">http://paulrouget.com/e/converttohtml5video/</a><br>
You could optionally add html5 video controls to allow playback
without exiting the webpage.<br>
<br>
Joshua<br>
</body>
</html>