-Raymond Day

-Raymond Day

[flowplayer]
{"video":{"src":"../wordpress/wp-content/uploads/2010/08/Squirrel_jumped_from_bird_seed.m4v",
"width":640,
"height":480,
"poster":"photo.jpg"}}
[/flowplayer]

The majority of web users have Flash installed on their PC or Mac anyway, as for mobile devices alot of them don’t have Flash therefore will fallback to HTML5 Video, alot of them nowadays also have hardware decoders for H.264 which m4v/mp4 happens to uses.

You’re welcome.

Chris.

Thank you.

-Raymond Day

No HTML tags now so it should take this post.

-Raymond Day

Thank you for adding the photo code with the video code!

I think assembly language is just as easy for human can understand as basic.

I have did some code in PHP just editing it on Linux. I never looked at any thing but PHP code to know how. So it is easy for human’s to understand.

-Raymond Day

Ammo mule
http://www.youtube.com/watch?v=gImLuqCFMSA&feature=channel

This looks pretty fun for the time being
http://www.youtube.com/watch?v=Nfw3aml0Sss

To answer the first question, easy just add the poster attribute. Work with Flash Video, work with HTML5 video but not as well as Flash.

[video]
{"src":["../wordpress/wp-content/uploads/2010/08/Squirrel_jumped_from_bird_seed.m4v",
"../wordpress/wp-content/uploads/2010/08/Squirrel_jumped_from_bird_seed.ogg"],
"width":640,
"height":480,
"poster":"photo.jpg"}
[/video]

See http://code.google.com/p/html5videoplayer/wiki/Syntax for details

As for the next question, it’s a yes and no answer, m4v/mp4 alone support both Flash and HTML5 video, but Flash video support is browser independent which is an advantage while HTML5 video is browser dependent which is a disadvantage, see http://en.wikipedia.org/wiki/HTML5_video#Table for details. Adobe will add support for WebM in the next version of Flash, but sadly Apple won’t support WebM for now, which means Safari, iPhone and iPad only support h.264. Internet Explorer 9 will support WebM, only if the user installs the codec but not many will do that. For the foreseeable future it’s looks like it going to be h.264 and WebM (replacing Ogg, except Vorbis) as the html5 video de facto.

I have heard of assembly language, at one time it was suppose to be the wave of the future but time as proven otherwise and the binary language took the crown and is used on PC and many other devices as of today, the binary language which is older then assembly and is low level. Modern high-level programming language such as C++ or PHP, uses either a compiler (C++) or a interpreter (PHP) to convert down to low-level binary language so the PC can understand it. English, Spanish, French and Japanese are example of high-level languages, and obviously something a human can understand well, which a machine won’t understand at all.

Anyway thanks for the compliment.

Chris.

Looks very good full screen too. Played with a Intel D510MO that is a 2 core Atom with GPU on the same chip. I have a 1920 by 1080 display too and it played good with this over the web.

-Raymond Day

I just did the code you have in here just copy and paste it. Added the ../ before the links and it works in both IE and Google Chrome. But I guess I need a start photo for the IE part or flash part. How would that be added in the code you made here?

Looks like I have to encode 2 videos to have this then. Is there a way to just encode it to be one video file that works with both HTML5 and Flash video?

Can see the little 2008-2010 Flowplayer Ltd in the bottom left corner of the video before it starts. I like that, It’s good to know what it’s using.

By reading some of what you have here sound like you do nice neat code. I never program on a PC but have on old TRS-80 and commodore 64 so Z80 and 6502 CPU in assembly. I like doing nice neat code on them. But I did see very sloppy code disassembling others codes. It works but takes up a lots of space and is slow.

Thank you for making this HTML5 plugin for WordPress. Looks like it coming a long very good.

-Raymond Day

Chris.

Also make sure you set the width and height as well, as flash can’t determine the width and height automatically.

[video]
{"src":["wordpress/wp-content/uploads/2010/08/Squirrel_jumped_from_bird_seed.m4v",
"wordpress/wp-content/uploads/2010/08/Squirrel_jumped_from_bird_seed.ogg"],
"width":640,
"height":480}
[/video]

Chris.

http://i93.photobucket.com/albums/l41/RaymondDay/Any%20thing%20else/WordPress_HTML5_no_work2.jpg

But this don’t work and get the error message.

All so your web page here all ways get a “Stack overflow at line: 15″ Just click OK and it clears. But any link back to your web page bring it up again.

-Raymond Day

UNKNOWN ERROR: probably syntax error. @ Video Tag

I copy just how you have it. I tested it to conver it with ffmpeg like this:

ffmpeg -i “Squirrel jumped from bird seed.AVI” -acodec aac -ab 128kb -vcodec mpeg4 “Squirrel jumped from bird seed3.m4v”

If this post don’t remove any thing. Maybe it took out some of your text. I just copy it and past it.

The ffmpeg did not convert it good and with no sound. So I used the link you gave and from there downloaded and installed HandBrake on my Windows 7. It works very easy and good. It could not convert the video file off my LAN. So I copy it to my Windows 7 then it could convert it and it did a good job.

Something must be wrong with the code you put for this. It get that error in both IE and Google Crome.

-Raymond Day

After doing that use the code below

[video]
{“src”:["wordpress/wp-content/uploads/2010/08/Squirrel_jumped_from_bird_seed.m4v",
"wordpress/wp-content/uploads/2010/08/Squirrel_jumped_from_bird_seed.ogg"]}
[/video]

“your browser does not support the video tag HTML5

No video playback capabilities, please download the video below
Download Video: Open Format: OGG”

I had both in there so it showed it 2 times in Google Crome

I did click on the OGG and it open a player to play the video. But not in side Windows Internet Explorer.

I guess I need to install something on my Linux box that my WordPress is running on?

-Raymond Day

It just don’t work so I must be doing something wrong. With things that use the HTML5 video code I can get video to work. Can paste the code in this reply it deletes it. So I will paste in a linked PrtScn I did of it.

http://i93.photobucket.com/albums/l41/RaymondDay/Any%20thing%20else/WordPress_HTML5_no_work.jpg

The HTML5 code works but doing the code with the plug in just does not. I even tested it putting the HTTP right in the link not using the “..” for the folder it’s in all ready.

So if something is wrong what am I doing worng? I guess with this plug in it will work with other things that don’t use HTML5 vidoe code.

-Raymond Day

The JS library should suppress the default controls, if that not working you could try applying “controls”:”false” in “attribute”:{} but may cause problem with users who have JavaScript disable and end up seeing no controls at all.

Anyway, which version of iPhone/iOS are you using? Which profile of h.264 are you using?

Can you tell me how to suppress these default controls and only use the js library for the controls.

Also, these controls don’t work on an iPhone. The main reason for using HTML5 in the first place to render video.

Any idea when you might have a stable release of this finalised? It’s potentially really good and I’m keen to get it all working without having to hack your code, as when you update it it may break.

Great work so far, Thanks.

I am attempting to use this plugin, the Flowplayer support side of things works fine. Unfortunately the HTML5 side of things doesn’t work at all.

I have tested it in Safari and on iPhones and it just looks for the Flowplayer by default.

The lack of backend options is also a bit of an issue. I have installed it using the vague instructions you give, but it doesn’t work at all.

HTML5 specification has been changed to work round the format issue, here a slightly more complicated one that will support one, two or more format.


<video controls preload="none">
<source src="example.m4v">
<source src="example.ogv">
<!-- Fallback goes here, such as text or flash object -->
</video>


The example above should work with all browser that support HTML5 Video, the same can be done with Audio tags. The browser will look at the video sources and pick the format that is support by the browser. The plugin produces code similar to the above but a bit more complicated and including the flash object for browsers that can’t render HTML5 video; all that coming from a simpler syntax. [video:example.mp4|example.ogg]Note: | is the source separater.

Tip: avoid putting spaces in video file name before uploading, spaces are used as delimiters in syntax.

<video src="../wordpress/wp-content/uploads/2010/06/Done eating most family there.ogg" controls="controls" />

your browser does not support the video tag HTML5
/video

Just add the That’s how easy video is in HTML5 code any way. A start video tag and were the video is and a end video tag between Seems the same as your code any way?

Hope all of this one shows up here.

-Raymond Day

I will see if this works this time. The HTML5 video code is about as easy as your code any way.

I put the code tags between it this time.

-Raymond Day