SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
The Emergence of HTML 5 Video



        HTML5 has entered the online video market, which is both exciting and challenging for developers
        in the industry. With both the HTML5 specification and the various browser implementations in
        constant flow, we should have enough time understanding the limitations of the technology,
        testing playback across various browsers and devices, and optimizing our own products for HTML5
        playback.



        First YouTube, then Vimeo, could HTML5 could finally kill Flash Video?

        Vimeo's new HTML5 system is just like YouTube's, in both execution and technical details, in that
        it'll only work with a few browsers—Safari and Chrome, for now—and that it's compatible with
        most, but not all, of the company's video libraries. It's something that most people won't bother to
        try at this point, and if they do, they're probably be underwhelmed, since HTML5 video playback is
        almost indistinguishable from Flash video playback.



        The Current State of HTML5 video

        It is often difficult to get a solid take of this, due to the major discrepancies between the leading
        data sources, StatCounter and NetMarketShare specifically. Current market shares also vary
        greatly between different geographic locations.

        Not surprisingly there is still a need for Flash eventhough 2/3 of the market is already supporting
        HTML5. On the desktop, Internet Explorer 6/7/8 make up a large pecent of the market share
        (28%), and are here to stay for a few more years. Since they do not support HTML5, alternatives
        like Flash remain critical for video playback. As for the other browsers, their entire install base is
        already supporting HTML5 video.

        Mobile phones and tablets have emerged as a new category over the last few years. Currently,
        only the iOS and Android market shares are relevant. Both support HTML5 video. Android still
        supports Flash, but as announced recently, future phones will not have the plugin anymore

        Half of the browsers support MP4, the other half support WebM. One of the biggest challenges
        with HTML5 is the fragmented support for audio/video formats.

        MP4 support may drop dramatically when Chrome officially drops MP4. Although this was
        announced back in January 2011, it still not happened, which makes it hard to predict.Every
        browser supports the tag for loading multiple sources.

        Both iOS and Android only support MP4 video. This will remain the case for any mobile device,
        until WebM decoders are built into hardware and integrated in to phones. See the WebM blog for
        progress on that effort.




Digital Organics: Web Design Sunshine Coast - 1/102 Howard Street, Nambour, QLD 4560 T 617 5476 3800, SEO Sunshine Coast
Most of videos tag attributes are supported. The HTML5 video tag supports several attributes, and
        most are already supported to date across the various browsers and devices.

        Some mixed fullscreen options are available. Fullscreen video enhances the visual experience and
        increases viewer engagement. HTML5 support fullscreen playback is still in its infancy.

        While iOS remains as the only platform with adaptive streaming. Adaptive streaming is a core
        component of online video. It enables buffer control, mid-stream quality adjustments, live/dvr
        streaming and security through encryption and/or DRM. Adaptive streaming is not part of the
        HTML5 specification, but browsers can support it by loading manifests from an HTML5 <source>
        tag.

        When it comes to accessibility none of the browsers support fully-featured accessibility in HTML5.
        Since HTML5 is native to browsers, it can achieve a greater level of accessibility than plugins like
        Flash. In order to make a video accessible it must be controllable using the keyboard, and must
        render closed captions and audio descriptions. The latter are enabled through the HTML5 <track>
        element.



        Benefits of HTML 5 Video

        Major video platforms like Youtube and Vimeo and some social media sites have had supported
        html5 video. But it's primed to be something that everyone ends up using, and that would be a
        great thing. Flash video performs terribly on Mac OS X and Linux, and on the few mobile devices
        that do support it, playback is uniformly terrible. And generally speaking, it's a plug-in. We whine
        about having to install Silverlight to use Bing Maps or watch some kinds of video, but it's a plugin
        the same way that Flash is.

        HTML5 allows certain types of video to be rendered in the browser natively, like JPEGs or GIFs are
        now. It's an objectively simpler, more efficient solution, and disregarding the massive
        infrastructure built up around Flash video, it would be the obvious choice.

        Luckily, YouTube accounts for a hefty chunk of said architecture, their catalog is rendered in
        HTML5-friendly h.264 format already—that's how you watch in on the iPhone and Android, by the
        way—and with help from smaller sites like Vimeo and other social media sites that accepts video,
        they could actually get the ball rolling on, murdering Flash video. In a world where everybody's
        browser fully supports h.264 HTML5 video — a world that's a few years away, at least — we
        wouldn't have to wait years for Flash support in our new phones, wouldn't have to settle of
        chugging video playback on near-new machines, and we wouldn't have to put up overladen,
        poorly-designed proprietary Flash players getting in the way of our content.



        Why Your Business Needs to Start Using HTML5

        Devon Copley, managing director for media and entertainment for Kaltura, the first open source
        video platform, is qouted here describing the audience that only HTML5 video can reach:




Digital Organics: Web Design Sunshine Coast - 1/102 Howard Street, Nambour, QLD 4560 T 617 5476 3800, SEO Sunshine Coast
“The HTML5 video universe is really characterized by mobile devices — by tablets and
        smartphones. In short, there’s a new breed of online video consumers: it’s not the desktop video
        user of yore; instead, it’s somebody sitting on the sofa with an iPad or on a train or a bus with an
        Android phone. It’s a different setting, it’s a different set of people, it’s a different consumption
        experience, and it requires a different approach,” said Copley.

        “This new breed of online video consumers, there are a number of ways to access this audience
        but they all have their drawbacks. Obviously, mobile apps are a particularly immersive and high-
        quality way to reach out to this audience, but there’s an enormous barrier to actually get people to
        download an app and install it,” Copley advised.

        Copley also cited high app development costs, including the need to create apps for multiple
        devices and platforms, as a reason to turn to HTML5 video delivery instead.

        “Even if you’re selling premium, long-form content, your customers aren’t going to pay $4.99 to
        see it unless they can see a trailer first, and they’re not going to be able to see a trailer first unless
        you make that available in HTML5 video,” said Copley.




Digital Organics: Web Design Sunshine Coast - 1/102 Howard Street, Nambour, QLD 4560 T 617 5476 3800, SEO Sunshine Coast

Más contenido relacionado

Último

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Último (20)

Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 

Destacado

Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Destacado (20)

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 

The emergence of html 5 video

  • 1. The Emergence of HTML 5 Video HTML5 has entered the online video market, which is both exciting and challenging for developers in the industry. With both the HTML5 specification and the various browser implementations in constant flow, we should have enough time understanding the limitations of the technology, testing playback across various browsers and devices, and optimizing our own products for HTML5 playback. First YouTube, then Vimeo, could HTML5 could finally kill Flash Video? Vimeo's new HTML5 system is just like YouTube's, in both execution and technical details, in that it'll only work with a few browsers—Safari and Chrome, for now—and that it's compatible with most, but not all, of the company's video libraries. It's something that most people won't bother to try at this point, and if they do, they're probably be underwhelmed, since HTML5 video playback is almost indistinguishable from Flash video playback. The Current State of HTML5 video It is often difficult to get a solid take of this, due to the major discrepancies between the leading data sources, StatCounter and NetMarketShare specifically. Current market shares also vary greatly between different geographic locations. Not surprisingly there is still a need for Flash eventhough 2/3 of the market is already supporting HTML5. On the desktop, Internet Explorer 6/7/8 make up a large pecent of the market share (28%), and are here to stay for a few more years. Since they do not support HTML5, alternatives like Flash remain critical for video playback. As for the other browsers, their entire install base is already supporting HTML5 video. Mobile phones and tablets have emerged as a new category over the last few years. Currently, only the iOS and Android market shares are relevant. Both support HTML5 video. Android still supports Flash, but as announced recently, future phones will not have the plugin anymore Half of the browsers support MP4, the other half support WebM. One of the biggest challenges with HTML5 is the fragmented support for audio/video formats. MP4 support may drop dramatically when Chrome officially drops MP4. Although this was announced back in January 2011, it still not happened, which makes it hard to predict.Every browser supports the tag for loading multiple sources. Both iOS and Android only support MP4 video. This will remain the case for any mobile device, until WebM decoders are built into hardware and integrated in to phones. See the WebM blog for progress on that effort. Digital Organics: Web Design Sunshine Coast - 1/102 Howard Street, Nambour, QLD 4560 T 617 5476 3800, SEO Sunshine Coast
  • 2. Most of videos tag attributes are supported. The HTML5 video tag supports several attributes, and most are already supported to date across the various browsers and devices. Some mixed fullscreen options are available. Fullscreen video enhances the visual experience and increases viewer engagement. HTML5 support fullscreen playback is still in its infancy. While iOS remains as the only platform with adaptive streaming. Adaptive streaming is a core component of online video. It enables buffer control, mid-stream quality adjustments, live/dvr streaming and security through encryption and/or DRM. Adaptive streaming is not part of the HTML5 specification, but browsers can support it by loading manifests from an HTML5 <source> tag. When it comes to accessibility none of the browsers support fully-featured accessibility in HTML5. Since HTML5 is native to browsers, it can achieve a greater level of accessibility than plugins like Flash. In order to make a video accessible it must be controllable using the keyboard, and must render closed captions and audio descriptions. The latter are enabled through the HTML5 <track> element. Benefits of HTML 5 Video Major video platforms like Youtube and Vimeo and some social media sites have had supported html5 video. But it's primed to be something that everyone ends up using, and that would be a great thing. Flash video performs terribly on Mac OS X and Linux, and on the few mobile devices that do support it, playback is uniformly terrible. And generally speaking, it's a plug-in. We whine about having to install Silverlight to use Bing Maps or watch some kinds of video, but it's a plugin the same way that Flash is. HTML5 allows certain types of video to be rendered in the browser natively, like JPEGs or GIFs are now. It's an objectively simpler, more efficient solution, and disregarding the massive infrastructure built up around Flash video, it would be the obvious choice. Luckily, YouTube accounts for a hefty chunk of said architecture, their catalog is rendered in HTML5-friendly h.264 format already—that's how you watch in on the iPhone and Android, by the way—and with help from smaller sites like Vimeo and other social media sites that accepts video, they could actually get the ball rolling on, murdering Flash video. In a world where everybody's browser fully supports h.264 HTML5 video — a world that's a few years away, at least — we wouldn't have to wait years for Flash support in our new phones, wouldn't have to settle of chugging video playback on near-new machines, and we wouldn't have to put up overladen, poorly-designed proprietary Flash players getting in the way of our content. Why Your Business Needs to Start Using HTML5 Devon Copley, managing director for media and entertainment for Kaltura, the first open source video platform, is qouted here describing the audience that only HTML5 video can reach: Digital Organics: Web Design Sunshine Coast - 1/102 Howard Street, Nambour, QLD 4560 T 617 5476 3800, SEO Sunshine Coast
  • 3. “The HTML5 video universe is really characterized by mobile devices — by tablets and smartphones. In short, there’s a new breed of online video consumers: it’s not the desktop video user of yore; instead, it’s somebody sitting on the sofa with an iPad or on a train or a bus with an Android phone. It’s a different setting, it’s a different set of people, it’s a different consumption experience, and it requires a different approach,” said Copley. “This new breed of online video consumers, there are a number of ways to access this audience but they all have their drawbacks. Obviously, mobile apps are a particularly immersive and high- quality way to reach out to this audience, but there’s an enormous barrier to actually get people to download an app and install it,” Copley advised. Copley also cited high app development costs, including the need to create apps for multiple devices and platforms, as a reason to turn to HTML5 video delivery instead. “Even if you’re selling premium, long-form content, your customers aren’t going to pay $4.99 to see it unless they can see a trailer first, and they’re not going to be able to see a trailer first unless you make that available in HTML5 video,” said Copley. Digital Organics: Web Design Sunshine Coast - 1/102 Howard Street, Nambour, QLD 4560 T 617 5476 3800, SEO Sunshine Coast