Hey pancreas, try this:
var vid = sym.$("videoHolder");
<video width="600" height="400" controls= "controls" preload="auto" autoplay="autoplay" poster="video/csci.jpg">
<source src="video/csci.mp4" type="video/mp4" />
<source src="video/csci.webm" type="video/webm" />
<source src="video/csci.ogv" type="video/ogg" />
Your browser does not support the video tag.<br />Please upgrade your browser
Hey there Tim thanks,
when i add your code it looks like i'm getting some formating issue (see below, i've also showed you the other two options I've tried, the first one works except for on Firefox, and the second one works on all browsers but if you jump to another frame and then back to this one it shows the video twice, one above the other)
Woops! Try this format (this is taken fro another thread-be sure to match all the single and double quotes in your case):
var vid = sym.$("video");
vid.html("<video width='512' height='322' preload='auto'>" +
"<source src='video/convert.mp4' type='video/mp4' />" +
"<source src='video/convert.webm' type='video/webm' />" +
"<source src='video/convert.ogg' type='video/ogg' />" +
Thanks once again Mark,
now my only problem is a PC version of Firefox doesn't recognise any of the movie formats all other browsers seem fine on a Mac and PC.
I've been using Miro Video Converter on the mac to create the videos. Is this reliable or should i be using something else?
yeah dunno what's going on I'm using Firefox 20.0 on a XP machine.
Tried it on a few other machines too with Windows 7 and Firefox 20.0 (which don't load the video) and Explorer 8 which doesn't load the html 5 at all.
Ok those big bunny movies played from that site on the PC Firefox, but when i downloaded them and placed them in my Edge project they wouldn't appear in that same PC Firefox.
Have you tested your Edge project on a server, or only locally?
On a server.
The error I keep getting is "No video with supported format and MIME type found".
Can you send me a direct link to the offending video on your server?
Your file is working fine for me locally on FF on Mac OSX. If it's also working fine locally on your maching, then I think it may be an issue with your server not supporting the "webm" mimetype. When I view your live site in FF, the console says:
[09:33:45.452] HTTP "Content-Type" of "text/plain" is not supported. Load of media resource http://www.twistedpancreas.com/edge/video/video/big_buck_bunny.webm failed. @ http://www.twistedpancreas.com/edge/video/
This thread shows how to add support for webm mimetype to your server:
Awesome that worked a treat for the PC version that wasn't working in Firefox.
I just had to open the TextEdit file in Dreamweaver and strip out the unwanted code in it.
So to solve the Explorer 8 issue (which unfortunately is what is standard for the browsers that our Univversity uses whom I work for) it sounds like I have to show a FlowPlayer version is that right? Is there any other way to show it so that I don't have to use FlowPlayer with it's logo on the video unless we pay for the commercial version?
Hey pancreas, glad that worked for you.
Are you using Chrome Frame to get your Edge animation to play in IE8? Unfortunately, I don't have much experience with Chrome Frame, but I believe html5 video should be viewable on IE8, when using Chrome Frame.
unfortunately the whole Edge animation isn't showing in IE8 at all, so I hadn't heard of Chrome Frame before. And I don't think the uni would be that keen to add another plugin.
So does this mean that could be a major problem?
Unfortunately, it sounds like it may be a bit of a problem.
According to Adobe:
Edge Animate’s stage utilizes WebKit, which means animated content is created on a true browser surface for consistency on WebKit-enabled devices. Also, content produced with Edge Animate has been tested on popular desktop browsers like Firefox, Chrome, Safari and Internet Explorer 9. For older non-HTML5 browsers such as Internet Explorer 6, 7 or 8, Edge Animate has a down-level stage to create fallback versions of your projects.
And here are a few threads on Chrome Frame:
Yeah Im gonna ask them if we can update or use the addon (doesn't hurt to ask), either that I think they have Firefox as standard so I might just hav to have on the poster image to use anything other than IE8