HTML Programming
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me

The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.

Go Back   Dev Shed ForumsWeb DesignHTML Programming

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old October 30th, 2012, 04:35 PM
BrightIdea BrightIdea is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2011
Posts: 31 BrightIdea Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 5 h 5 m 21 sec
Reputation Power: 0
HTML 5 Video

The W3c Schools suggests that the HTML5 <Video> tag is suitable to be used in conjunction with the embed tag to allow cross browser compatibility.

The point is you have to have 3 or 4 copies of you videos each under formats ie. .Mp4, .flv, .ogg ,.webm.

The link is here and it says that this is the best way to go about adding video to a page.

http://www.w3schools.com/html/html_videos.asp

Is this a suitable method?

What do you think about the reliability and accessibility of this method?

I have a video converter and some disk space, though would still like some opinions on this as it is a ''bulky'' procedure.

Dan

Reply With Quote
  #2  
Old October 30th, 2012, 04:42 PM
Winters Winters is offline
Super Moderator
Dev Shed Expert (3500 - 3999 posts)
 
Join Date: Jul 2003
Posts: 3,871 Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level) 
Time spent in forums: 1 Month 2 Weeks 1 Day 16 h 30 m 42 sec
Reputation Power: 2569
I would first read this then read this.
__________________
[PHP] | [Perl] | [Python] | [Java] != [JavaScript] | [XML] | [ANSI C] | [C++] | [LUA] | [MySQL] | [FirebirdSQL] | [PostgreSQL] | [HTML] | [XHTML] | [CSS]

W3Fools - A W3Schools Intervention.

Reply With Quote
  #3  
Old October 31st, 2012, 10:09 PM
BrightIdea BrightIdea is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2011
Posts: 31 BrightIdea Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 5 h 5 m 21 sec
Reputation Power: 0
Thanks

I did have a look at w3c schools and after some further research I found they have given me a bum steer.

All browsers (updated ones anyway) use the HTML 5 tag and will display either .ogg, mp4, .webm.

Internet explorer will not (without the use of <embed> or for that I am not even sure).

So IMO IE is at present the odd one out and is most probably holding out with a deal with Adobe to keep Flash alive till they can upgrade it or phase in HTML5 completely.

It has nothing to do with Browsers as ALL browsers can display the above files with <embed>, IE just will not do it within a <video> tag, which makes it bloody hard to work with.

Simply I am going to have two pages, one for html5 and one for Flash (IE or any Flash enabled Browser).

W3C Schools gives a bum steer when they have the HTML5 code
for .mp4 and some others then, you click try it yourself!

After opening the page in IE the code worked and I was left wondering why this same HTML5 code would not work on my test server in IE.

I would say that it is questionable that the code rendered in text on the site is actually the code that renders the .mp4 movie on the right.

Thus giving a bum steer.

Terrible stuff, I mean some folk just have too much time on their hands and some just don't have enough.

Either way HTML5 could be good, but IE needs to support it fully, and of course we know what would happen to Flash if that occurred.

My 2c.

Dan

Reply With Quote
  #4  
Old November 1st, 2012, 09:15 AM
Winters Winters is offline
Super Moderator
Dev Shed Expert (3500 - 3999 posts)
 
Join Date: Jul 2003
Posts: 3,871 Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level)Winters User rank is General 24th Grade (Above 100000 Reputation Level) 
Time spent in forums: 1 Month 2 Weeks 1 Day 16 h 30 m 42 sec
Reputation Power: 2569
There is documentation on the page I linked with directions for a graceful degrade for outmoded browsers.

Reply With Quote
  #5  
Old November 1st, 2012, 08:44 PM
BrightIdea BrightIdea is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2011
Posts: 31 BrightIdea Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 5 h 5 m 21 sec
Reputation Power: 0
Thanks.

Also having a few probs with the <video> tag but just fixed on small issue.

Pretty sure Firefox and IE want nothing to do with this.
So I installed Flowplayer and provided an alternate link.

This page is for Safari, Opera and Chrome mostly, though they all utilised Flowplayer on my local browsers.

Thing is, when I put .webm before .ogg Chrome could not handle it and froze and broke up when playing.

So I put .ogg last.

Safari uses .mp4, Chrome uses .webm and Opera uses .ogg.

They all seem to cooperate now.


Code:
<video width="478" height="430" controls="controls">

 <source src="Video/kseal.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 

 <source src="Video/kseal.webm" type='video/webm;codecs="vorbis,vp8"'> 

 <source src="Video/kseal.ogg" type='video/ogg; codecs="theora, vorbis"'>  

</video>


Dan

Reply With Quote
  #6  
Old November 2nd, 2012, 10:56 PM
BrightIdea BrightIdea is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2011
Posts: 31 BrightIdea Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 5 h 5 m 21 sec
Reputation Power: 0
BTW Winters

Thanks for the link, I am still reading through it bit by bit.

Also it is a Mozilla link , but Firefox does not support any of those Formats within the <video> tag (except flash that requires another tag not HTML5).

I will have to quietly add it to the IE category.

Not on my local anyway.

I think Flash still has a decent amount of usability since many browsers prompt for the plugin (FF, Chrome, Opera, IE).

And has been around for such a long time that even my mum knows to install flash (has strong adoption).

Seems that HTML5 is great, but for me it only looks after apple as all other browsers can view Flash.

Maybe Adobe should just improve Flash.

Dan

Reply With Quote
  #7  
Old November 7th, 2012, 12:28 PM
Tonik Tonik is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2012
Posts: 1 Tonik User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 20 m
Reputation Power: 0
Both Firefox and Opera play ogg, while Chrome, Safari, and IE play mp4, so you can get away with only
2 video formats: ogg and mp4.

Also list mp4 before ogg for ios.

Code:
<video width="478" height="430" controls="controls">

 <source src="Video/kseal.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 

 <source src="Video/kseal.ogg" type='video/ogg; codecs="theora, vorbis"'>  

</video>

Reply With Quote
  #8  
Old November 8th, 2012, 12:19 AM
BrightIdea BrightIdea is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2011
Posts: 31 BrightIdea Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 5 h 5 m 21 sec
Reputation Power: 0
Thanks for that mate, some good info there.

What do you think about Flowplayer?

That is the way I have gone for the initial deployment.

Though I have the HTML5 formats at hand if It proves unsuitable.

Are the .ogg or .mp4 any better?


I mean they are none the lighter in size.


Here is a site that is under construction.


http://www.webplatform.org/


And they say it is some kind of HTML5 amalgamation between vendors.


http://www.sitepoint.com/webplatfor...tation-project/


Dan

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignHTML Programming > HTML 5 Video

Developer Shed Advertisers and Affiliates



Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.

© 2003-2013 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap