<commit_before>---
layout: article
title: "Video"
description: ""
article:
  written_on: 2014-01-01
  updated_on: 2014-01-06
  order: 2
collection: introductionToMedia
---

Video
    Coping without plugins: cross platform support
    Mobile, tablet, and desktop
    Sources and codecs
    Accessibility and fallbacks
    Limited, variable, unreliable connectivity
    Autoplay, buffering, preload, poster images
    Responsive video layout
    Fullscreen


The video element is a thing of simple beauty:

> <video src='foo.webm'>  
>     <p>This browser does not support the video element.</p>  
> </video>

Load, decode and play video in a few lines of code! 

HTML video is [well supported](http://caniuse.com/video): over 85% of browsers 
on mobile and desktop implement the video element, including all current 
versions of all browsers (apart from Opera Mini). There are similar numbers for 
<audio>.

So it's time to move away from plugins. Phone and tablet browsers do not support 
Flash or other media players, plugins are 
[being](https://blog.mozilla.org/futurereleases/2013/09/24/plugin-activation-in-firefox/) 
[deprecated](http://blog.chromium.org/2013/09/saying-goodbye-to-our-old-friend-npapi.html), 
and it's unlikely that future web platforms will support them whether they're 
wearables, big-screen devices, in-car systems or whatever else comes along.

The good news is that a range of powerful media technologies are gaining support 
across mobile platforms:

* [poster='foo.jpg'](https://simpl.info/video)
* [<source>](http://simpl.info/video)
* [<track>](https://simpl.info/video)
* [canPlayType()](https://simpl.info/canplaytype)
* [MSE](http://simpl.info/mse)
* [EME](http://www.html5rocks.com/en/tutorials/eme/basics/)
* [WebRTC](http://www.html5rocks.com/en/tutorials/webrtc/basics/)
* [Fullscreen](https://simpl.info/fullscreen/video)
* [Media Fragments](https://simpl.info/mf)
* [Overlaid content](http://simpl.info/videooverlay)
<commit_msg>Updating video<commit_after>---
layout: article
title: "Video"
description: ""
article:
  written_on: 2014-01-01
  updated_on: 2014-01-06
  order: 2
collection: introductionToMedia
---

Video
    Coping without plugins: cross platform support
    Mobile, tablet, and desktop
    Sources and codecs
    Accessibility and fallbacks
    Limited, variable, unreliable connectivity
    Autoplay, buffering, preload, poster images
    Responsive video layout
    Fullscreen


The video element is a thing of simple beauty:

> <video src='foo.webm'>  
>     <p>This browser does not support the video element.</p>  
> </video>

Load, decode and play video in a few lines of code! 

HTML video is [well supported](http://caniuse.com/video): over 85% of browsers 
on mobile and desktop implement the video element, including all current 
versions of all browsers (apart from Opera Mini). There are similar numbers for 
`<audio>`.

So it's time to move away from plugins. Phone and tablet browsers do not support 
Flash or other media players, plugins are 
[being](https://blog.mozilla.org/futurereleases/2013/09/24/plugin-activation-in-firefox/) 
[deprecated](http://blog.chromium.org/2013/09/saying-goodbye-to-our-old-friend-npapi.html), 
and it's unlikely that future web platforms will support them whether they're 
wearables, big-screen devices, in-car systems or whatever else comes along.

The good news is that a range of powerful media technologies are gaining support 
across mobile platforms:

* [poster='foo.jpg'](https://simpl.info/video)
* [<source>](http://simpl.info/video)
* [<track>](https://simpl.info/video)
* [canPlayType()](https://simpl.info/canplaytype)
* [MSE](http://simpl.info/mse)
* [EME](http://www.html5rocks.com/en/tutorials/eme/basics/)
* [WebRTC](http://www.html5rocks.com/en/tutorials/webrtc/basics/)
* [Fullscreen](https://simpl.info/fullscreen/video)
* [Media Fragments](https://simpl.info/mf)
* [Overlaid content](http://simpl.info/videooverlay)

{'fraction_non_alphanumeric': 0.12325640375348719, 'fraction_numerical': 0.01775297996449404, 'mean_word_length': 4.3441734417344176, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 23, 'https://': 12, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5098939', 'n_tokens_mistral': 1315, 'n_tokens_neox': 1202, 'n_words': 371}