-
1. Re: Coding in different video formats?
Hey pancreas, try this:
var vid = sym.$("videoHolder");
vid.html('
<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
</video>
');
-
2. Re: Coding in different video formats?
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)
-
3. Re: Coding in different video formats?
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' />" +
"</video>");
-
4. Re: Coding in different video formats?
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?
-
5. Re: Coding in different video formats?
Not sure who Mark is , but FF should support webm and ogg video formats:
https://developer.mozilla.org/en-US/docs/HTML/Supported_media_formats
Miro is a legit converter ...
-
6. Re: Coding in different video formats?
Sorry Jenny
yeah dunno what's going on I'm using Firefox 20.0 on a XP machine.
-
7. Re: Coding in different video formats?
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.
-
8. Re: Coding in different video formats?
Have you tried other test videos?
You can download test vids of Big Buck Bunny here:
-
9. Re: Coding in different video formats?
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.
Weird.
-
10. Re: Coding in different video formats?
Have you tested your Edge project on a server, or only locally?
-
11. Re: Coding in different video formats?
On a server.
The error I keep getting is "No video with supported format and MIME type found".
-
12. Re: Coding in different video formats?
Can you send me a direct link to the offending video on your server?
-
13. Re: Coding in different video formats?
Sure here you go...
www.twistedpancreas.com/edge/video
and here's the working files if need be...
-
14. Re: Coding in different video formats?
Hey pancreas,
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:
-
15. Re: Coding in different video formats?
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?
-
16. Re: Coding in different video formats?
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.
-
17. Re: Coding in different video formats?
Hey Tim,
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?
-
18. Re: Coding in different video formats?
Unfortunately, it sounds like it may be a bit of a problem.
Edge Animate targets html5 browsers, it does not support IE8. You would have to use Chrome Frame in order for your Edge animations to show up in IE8. On projects where I've had to support older browsers, I've been using the GSAP library to animate divs through straight-up javascript code.
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:
http://forums.adobe.com/message/4758301
http://forums.adobe.com/message/4726316
http://helpx.adobe.com/edge-animate/using/target-older-browsers.html#i d_53020
-
19. Re: Coding in different video formats?
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
