The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> HTML5 Video Players
jimlongo
post Mar 28 2012, 05:51 PM
Post #1


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16



I finally decided tomorrow was today and decided to abandon plug-ins (well start to anyway)

Listed here are a bunch of players that make for easy insertion of video in a webpage using the html5 video tags (or audio if it's sound only). Likewise almost all of them rely on a Flash fallback in the case of browsers that don't support the video tag.

What's that mean?

Well you write valid html5 pages that can deliver video to mobile devices and desktops simply and at the same time stop writing convoluted code with multitudes of plug-in or object parameters. Satay that!

The current state of the industry would imply that one should deliver H264 video. It will play in html5 on iOS devices and render in Flash on older browsers. If you want to cover yourself further you could also deliver a webm and a ogg video.

So on this page of mine I'm using the the JWPlayer to play a video that you can code like so with video tag for html5 and a flashplayer fallback.

CODE

<video width="682" height="384" poster="/poster.jpg">
    <source src="/movie.mp4" type="video/mp4">
    <source src="/movie.webm" type="video/webm">
    <source src="/movie.ogv" type="video/ogg">
</video>
<script type="text/javascript">
    jwplayer("container").setup({  
    width:  '682' ,
    height: '384' ,
    flashplayer: "/jwplayer/player.swf"
    });
</script>


PROS:
  • This will play on my phone, tablet, computers, etc., Please let me know if you have any difficulty.
  • This can all done with free tools. Handbrake, MPlayerX, MiroConvertor, Firefogg, JWPlayer
  • Additionally most of the players have paid options that allow for extended functionality like HD options, Ad insertion, Analytics, etc.,
CONS:
  • Well it does require javascript, but I figure the type who turns off javascript really isn't too interested in video anyway.
  • There isn't currently an easy way to deliver multiple bitrate video . . .well there wasn't an easy way before either.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
Frederiek
post Mar 30 2012, 12:20 PM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



I just wanted to let you know what I got on your page and provide you an alternative. As long as there are no real errors and different browsers/OS get the file served, all is well.

QUOTE
Problems with Mail account outgoing setup? . . . try using port 465 SSL.

No. I migrated all my apps and files between the two machines. Most went rather well, though I changed from French to English. Anyway, Mail worked well for a while, but lately I don't receive mails, even though the Account info indicates the mail on the server and downloaded but it's not in my inbox.

It seems to be a problem with Mail itself with POP accounts. I already read a lot of discussions about it at Apple, but none brought a solution. My husband, who changed his Mac too using a different migration method, doesn't have that problem.

I can only hope for an update of Mail.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 03:37 PM