Enviar pesquisa
Carregar
(Responsive) Video
•
0 gostou
•
1,445 visualizações
Walter Ebert
Seguir
Presented at WebPerfDays Amsterdam, the Netherlands, May 2013
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 18
Baixar agora
Baixar para ler offline
Recomendados
Vim Plugin Deployment
Vim Plugin Deployment
偉格 高
Upgrade to HTML5 Video
Upgrade to HTML5 Video
steveheffernan
Headless BDD & Responsive Test Automation
Headless BDD & Responsive Test Automation
Shashikant Jagtap
Mobile web application
Mobile web application
偉格 高
WebCamp HTML5
WebCamp HTML5
davrous
WebCamp HTML5
WebCamp HTML5
davrous
Drupal Performance
Drupal Performance
Pantheon
DockerCon'15: Shipping Containers to Enterprise Customers
DockerCon'15: Shipping Containers to Enterprise Customers
Weihan Wang
Recomendados
Vim Plugin Deployment
Vim Plugin Deployment
偉格 高
Upgrade to HTML5 Video
Upgrade to HTML5 Video
steveheffernan
Headless BDD & Responsive Test Automation
Headless BDD & Responsive Test Automation
Shashikant Jagtap
Mobile web application
Mobile web application
偉格 高
WebCamp HTML5
WebCamp HTML5
davrous
WebCamp HTML5
WebCamp HTML5
davrous
Drupal Performance
Drupal Performance
Pantheon
DockerCon'15: Shipping Containers to Enterprise Customers
DockerCon'15: Shipping Containers to Enterprise Customers
Weihan Wang
Frontend testing with Codeception
Frontend testing with Codeception
Christian Keuerleber
IE9 the story so far
IE9 the story so far
thebeebs
Zalenium - Czyli lepszy Selenium Grid
Zalenium - Czyli lepszy Selenium Grid
Michał Ślęzak
Selenoid + Allure - How to use these tools together?
Selenoid + Allure - How to use these tools together?
Michał Ślęzak
LiveStyle for Vim - Quick start
LiveStyle for Vim - Quick start
Tomokazu Kiyohara
Patterns and antipatterns in Docker image lifecycle as was presented at Globa...
Patterns and antipatterns in Docker image lifecycle as was presented at Globa...
Baruch Sadogursky
Testing Automaton - CFSummit 2016
Testing Automaton - CFSummit 2016
Ortus Solutions, Corp
Patterns and antipatterns in Docker image lifecycle as was presented at Devop...
Patterns and antipatterns in Docker image lifecycle as was presented at Devop...
Baruch Sadogursky
Bilder einbinden ist kein Thema, oder?
Bilder einbinden ist kein Thema, oder?
Walter Ebert
Sinn und Unsinn von SSL
Sinn und Unsinn von SSL
Walter Ebert
Responsive Design: Mehr als CSS
Responsive Design: Mehr als CSS
Walter Ebert
Web-Performance
Web-Performance
Walter Ebert
Web Performance Optimierung - DWX13
Web Performance Optimierung - DWX13
Walter Ebert
Die .htaccess richtig nutzen
Die .htaccess richtig nutzen
Walter Ebert
Above the fold content
Above the fold content
Walter Ebert
Responsive Videos, mehr oder weniger
Responsive Videos, mehr oder weniger
Walter Ebert
Content Security Policy - PHPUGFFM
Content Security Policy - PHPUGFFM
Walter Ebert
HTTPS + Let's Encrypt
HTTPS + Let's Encrypt
Walter Ebert
High Performance Images
High Performance Images
Walter Ebert
WordPress-Themes mit Twig entwickeln
WordPress-Themes mit Twig entwickeln
Walter Ebert
Bilder usw...
Bilder usw...
Walter Ebert
WordPress Multisite
WordPress Multisite
Walter Ebert
Mais conteúdo relacionado
Mais procurados
Frontend testing with Codeception
Frontend testing with Codeception
Christian Keuerleber
IE9 the story so far
IE9 the story so far
thebeebs
Zalenium - Czyli lepszy Selenium Grid
Zalenium - Czyli lepszy Selenium Grid
Michał Ślęzak
Selenoid + Allure - How to use these tools together?
Selenoid + Allure - How to use these tools together?
Michał Ślęzak
LiveStyle for Vim - Quick start
LiveStyle for Vim - Quick start
Tomokazu Kiyohara
Patterns and antipatterns in Docker image lifecycle as was presented at Globa...
Patterns and antipatterns in Docker image lifecycle as was presented at Globa...
Baruch Sadogursky
Testing Automaton - CFSummit 2016
Testing Automaton - CFSummit 2016
Ortus Solutions, Corp
Patterns and antipatterns in Docker image lifecycle as was presented at Devop...
Patterns and antipatterns in Docker image lifecycle as was presented at Devop...
Baruch Sadogursky
Mais procurados
(8)
Frontend testing with Codeception
Frontend testing with Codeception
IE9 the story so far
IE9 the story so far
Zalenium - Czyli lepszy Selenium Grid
Zalenium - Czyli lepszy Selenium Grid
Selenoid + Allure - How to use these tools together?
Selenoid + Allure - How to use these tools together?
LiveStyle for Vim - Quick start
LiveStyle for Vim - Quick start
Patterns and antipatterns in Docker image lifecycle as was presented at Globa...
Patterns and antipatterns in Docker image lifecycle as was presented at Globa...
Testing Automaton - CFSummit 2016
Testing Automaton - CFSummit 2016
Patterns and antipatterns in Docker image lifecycle as was presented at Devop...
Patterns and antipatterns in Docker image lifecycle as was presented at Devop...
Destaque
Bilder einbinden ist kein Thema, oder?
Bilder einbinden ist kein Thema, oder?
Walter Ebert
Sinn und Unsinn von SSL
Sinn und Unsinn von SSL
Walter Ebert
Responsive Design: Mehr als CSS
Responsive Design: Mehr als CSS
Walter Ebert
Web-Performance
Web-Performance
Walter Ebert
Web Performance Optimierung - DWX13
Web Performance Optimierung - DWX13
Walter Ebert
Die .htaccess richtig nutzen
Die .htaccess richtig nutzen
Walter Ebert
Above the fold content
Above the fold content
Walter Ebert
Responsive Videos, mehr oder weniger
Responsive Videos, mehr oder weniger
Walter Ebert
Content Security Policy - PHPUGFFM
Content Security Policy - PHPUGFFM
Walter Ebert
HTTPS + Let's Encrypt
HTTPS + Let's Encrypt
Walter Ebert
High Performance Images
High Performance Images
Walter Ebert
WordPress-Themes mit Twig entwickeln
WordPress-Themes mit Twig entwickeln
Walter Ebert
Bilder usw...
Bilder usw...
Walter Ebert
WordPress Multisite
WordPress Multisite
Walter Ebert
Mehr Performance für WordPress - WordCamp Köln
Mehr Performance für WordPress - WordCamp Köln
Walter Ebert
Mehr Performance für WordPress - WPFra
Mehr Performance für WordPress - WPFra
Walter Ebert
WordPress-Templates mit Twig erstellen - PHPUGFFM
WordPress-Templates mit Twig erstellen - PHPUGFFM
Walter Ebert
WordPress mit Composer und Git verwalten
WordPress mit Composer und Git verwalten
Walter Ebert
Weniger aus Bilder holen
Weniger aus Bilder holen
Walter Ebert
Destaque
(19)
Bilder einbinden ist kein Thema, oder?
Bilder einbinden ist kein Thema, oder?
Sinn und Unsinn von SSL
Sinn und Unsinn von SSL
Responsive Design: Mehr als CSS
Responsive Design: Mehr als CSS
Web-Performance
Web-Performance
Web Performance Optimierung - DWX13
Web Performance Optimierung - DWX13
Die .htaccess richtig nutzen
Die .htaccess richtig nutzen
Above the fold content
Above the fold content
Responsive Videos, mehr oder weniger
Responsive Videos, mehr oder weniger
Content Security Policy - PHPUGFFM
Content Security Policy - PHPUGFFM
HTTPS + Let's Encrypt
HTTPS + Let's Encrypt
High Performance Images
High Performance Images
WordPress-Themes mit Twig entwickeln
WordPress-Themes mit Twig entwickeln
Bilder usw...
Bilder usw...
WordPress Multisite
WordPress Multisite
Mehr Performance für WordPress - WordCamp Köln
Mehr Performance für WordPress - WordCamp Köln
Mehr Performance für WordPress - WPFra
Mehr Performance für WordPress - WPFra
WordPress-Templates mit Twig erstellen - PHPUGFFM
WordPress-Templates mit Twig erstellen - PHPUGFFM
WordPress mit Composer und Git verwalten
WordPress mit Composer und Git verwalten
Weniger aus Bilder holen
Weniger aus Bilder holen
Semelhante a (Responsive) Video
HTML5 Video for WordPress
HTML5 Video for WordPress
steveheffernan
HTML5 Multimedia Support
HTML5 Multimedia Support
Henry Osborne
HTML5 Video Player - HTML5 Dev Conf 2012
HTML5 Video Player - HTML5 Dev Conf 2012
steveheffernan
Using browser settings for performance
Using browser settings for performance
Walter Ebert
Webvideo, FFmpeg und Drupal
Webvideo, FFmpeg und Drupal
Walter Ebert
HTML5 Video Presentation
HTML5 Video Presentation
sith33
HTML5 multimedia - browser-native video and audio - DevUp HTML5 / Barcelona /...
HTML5 multimedia - browser-native video and audio - DevUp HTML5 / Barcelona /...
Patrick Lauke
HTML5 multimedia - where we are, where we're going
HTML5 multimedia - where we are, where we're going
brucelawson
HTML5 Video Right Now
HTML5 Video Right Now
Carlos Araya
HTML5 Multimedia Streaming
HTML5 Multimedia Streaming
EDINA, University of Edinburgh
HTML5 Multimedia: where we are, where we're going
HTML5 Multimedia: where we are, where we're going
brucelawson
Html5 - audio and video tags
Html5 - audio and video tags
Rae Allen
Html5 intro
Html5 intro
Kevin DeRudder
Hero Video Performance - DrupalCamp Ruhr
Hero Video Performance - DrupalCamp Ruhr
Walter Ebert
Web Apps
Web Apps
Tim Wray
Looking into HTML5 + CSS3
Looking into HTML5 + CSS3
Christopher Schmitt
Mobile Web Video
Mobile Web Video
Sarah Allen
Html 5
Html 5
Prabhakaran V M
[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!
[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!
Christopher Schmitt
HTML5 video & Amazon elastic transcoder - FCIP August 2014
HTML5 video & Amazon elastic transcoder - FCIP August 2014
RZasadzinski
Semelhante a (Responsive) Video
(20)
HTML5 Video for WordPress
HTML5 Video for WordPress
HTML5 Multimedia Support
HTML5 Multimedia Support
HTML5 Video Player - HTML5 Dev Conf 2012
HTML5 Video Player - HTML5 Dev Conf 2012
Using browser settings for performance
Using browser settings for performance
Webvideo, FFmpeg und Drupal
Webvideo, FFmpeg und Drupal
HTML5 Video Presentation
HTML5 Video Presentation
HTML5 multimedia - browser-native video and audio - DevUp HTML5 / Barcelona /...
HTML5 multimedia - browser-native video and audio - DevUp HTML5 / Barcelona /...
HTML5 multimedia - where we are, where we're going
HTML5 multimedia - where we are, where we're going
HTML5 Video Right Now
HTML5 Video Right Now
HTML5 Multimedia Streaming
HTML5 Multimedia Streaming
HTML5 Multimedia: where we are, where we're going
HTML5 Multimedia: where we are, where we're going
Html5 - audio and video tags
Html5 - audio and video tags
Html5 intro
Html5 intro
Hero Video Performance - DrupalCamp Ruhr
Hero Video Performance - DrupalCamp Ruhr
Web Apps
Web Apps
Looking into HTML5 + CSS3
Looking into HTML5 + CSS3
Mobile Web Video
Mobile Web Video
Html 5
Html 5
[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!
[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!
HTML5 video & Amazon elastic transcoder - FCIP August 2014
HTML5 video & Amazon elastic transcoder - FCIP August 2014
Mais de Walter Ebert
FrOSCon 2023: WordPress als ActivityPub-Instanz
FrOSCon 2023: WordPress als ActivityPub-Instanz
Walter Ebert
Sicherheit für WordPress
Sicherheit für WordPress
Walter Ebert
WordPress aufräumen - WordCamp Stuttgart
WordPress aufräumen - WordCamp Stuttgart
Walter Ebert
WordPress aufräumen
WordPress aufräumen
Walter Ebert
Hero Video Performance
Hero Video Performance
Walter Ebert
WordPress-Webseiten umziehen / online stellen
WordPress-Webseiten umziehen / online stellen
Walter Ebert
Das richtige WordPress-Theme finden
Das richtige WordPress-Theme finden
Walter Ebert
WordPress Health Check - WordCamp Würzburg
WordPress Health Check - WordCamp Würzburg
Walter Ebert
WordPress Health Check
WordPress Health Check
Walter Ebert
Making WordPress fast(er)
Making WordPress fast(er)
Walter Ebert
Testumgebungen für WordPress
Testumgebungen für WordPress
Walter Ebert
Modernism in Web Design
Modernism in Web Design
Walter Ebert
Mais de Walter Ebert
(12)
FrOSCon 2023: WordPress als ActivityPub-Instanz
FrOSCon 2023: WordPress als ActivityPub-Instanz
Sicherheit für WordPress
Sicherheit für WordPress
WordPress aufräumen - WordCamp Stuttgart
WordPress aufräumen - WordCamp Stuttgart
WordPress aufräumen
WordPress aufräumen
Hero Video Performance
Hero Video Performance
WordPress-Webseiten umziehen / online stellen
WordPress-Webseiten umziehen / online stellen
Das richtige WordPress-Theme finden
Das richtige WordPress-Theme finden
WordPress Health Check - WordCamp Würzburg
WordPress Health Check - WordCamp Würzburg
WordPress Health Check
WordPress Health Check
Making WordPress fast(er)
Making WordPress fast(er)
Testumgebungen für WordPress
Testumgebungen für WordPress
Modernism in Web Design
Modernism in Web Design
Último
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
LoriGlavin3
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Lonnie McRorey
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
Manik S Magar
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????
blackmambaettijean
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
mohitsingh558521
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
BkGupta21
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Fwdays
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
LoriGlavin3
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
Pixlogix Infotech
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Hervé Boutemy
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
UiPathCommunity
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
Addepto
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
LoriGlavin3
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
LoriGlavin3
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
LoriGlavin3
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
Nathaniel Shimoni
How to write a Business Continuity Plan
How to write a Business Continuity Plan
Databarracks
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
Rick Flair
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
Raghuram Pandurangan
Último
(20)
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
What is Artificial Intelligence?????????
What is Artificial Intelligence?????????
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
How to write a Business Continuity Plan
How to write a Business Continuity Plan
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
(Responsive) Video
1.
http://www.flickr.com/photos/derpunk/4644835025/ (Responsive) Video
2.
http://www.flickr.com/photos/derpunk/4644835025/ No pain No gain
3.
Walter Ebert independent web
developer @walterebert walterebert.com slideshare.net/walterebert
4.
http://quirksmode.org/html5/tests/video.html
5.
Formats MP4 WebM Ogg Theora
6.
Codecs H.264 / AAC VP8
/ Ogg Vorbis
7.
Media queries <video controls> <source
src="small.mp4" type="video/mp4" media="all and (max-width:480px)"> <source src="small.webm" type="video/webm" media="all and (max-width:480px)"> <source src="big.mp4" type="video/mp4"> <source src="big.webm" type="video/webm"> </video> Candidate for removal from the HTML5 specification
8.
function supports_mp4() { return
!!document.createElement('video').canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,''); } function supports_flash() { var hasFlash = false; try { var fo = new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); if(fo) hasFlash = true; }catch(e){ var fm = navigator.mimeTypes["application/x-shockwave-flash"]; if( fm && fm.enabledPlugin ) hasFlash = true; } return hasFlash; }
9.
MP4 moov atom ffmpeg
-i input.mp4 -c:v copy -c:a copy -movflags faststart output.mp4 http://ffmpeg.org/ http://www.adobe.com/devnet/video/articles/mp4_movie_atom.html
10.
Apple HTTP Live
Streaming (HLS) https://developer.apple.com/streaming/
11.
http://walterebert.com/playground/video/hls/
12.
MPEG-DASH http://dashif.org/
13.
ORBX.js • downloadable HD
codec written in JS and WebGL • 25% better compression than H.264 • adaptive bit-rate while streaming http://brendaneich.com/2013/05/today-i-saw-the-future/
14.
http://caniuse.com/#feat=webgl
15.
High Efficiency Video
Coding (HEVC) a.k.a. H.265 http://hevc.hhi.fraunhofer.de/
16.
VP9 https://en.wikipedia.org/wiki/VP9
17.
WebRTC??? http://www.webrtc.org/
18.
Walter Ebert @walterebert walterebert.com slideshare.net/walterebert
Baixar agora