Independent Science + Technology

Flexboxing the Universal Video Player

I added a flexbox layout to our Universal Video Player (accessible HTML5 video player) and wrote a blog post on Ind.ie Labs about using flexbox with progressive enhancement.

Read the original post,…

Post date October 26, 2015

I added a flexbox layout to our Universal Video Player (accessible HTML5 video player) and wrote a blog post on Ind.ie Labs about using flexbox with progressive enhancement.

Screenshot of the blog post

Read the original post, 'Flexboxing the Universal Video Player'.

Print Share Comment Cite Upload Translate

CITATION GOES HERE CITATION GOES HERE

Select a language:

<p>I added a flexbox layout to our Universal Video Player (accessible HTML5 video player) and wrote <a href="https://ind.ie/labs/blog/video-player-flexbox/">a blog post on Ind.ie Labs about using flexbox with progressive enhancement</a>.</p>
<figure >
	
  <a href="https://ind.ie/labs/blog/video-player-flexbox/">

<img 
	width="1210" height="1114"
	sizes="(min-width: 1180px) 888px, (min-width: 960px) calc(49.5vw + 314px), (min-width: 600px) calc(100vw - 40px), 100vw"
	srcset='
	
		https://laurakalbag.com/flexbox-video-player/Screen-Shot-2015-10-26-at-13.05.13_hu51bb6e705a8459e00e1184f6ac9bb5a1_67352_500x0_resize_mitchellnetravali_2.png 500w
	
	
		, https://laurakalbag.com/flexbox-video-player/Screen-Shot-2015-10-26-at-13.05.13_hu51bb6e705a8459e00e1184f6ac9bb5a1_67352_800x0_resize_mitchellnetravali_2.png 800w
	
	
		, https://laurakalbag.com/flexbox-video-player/Screen-Shot-2015-10-26-at-13.05.13_hu51bb6e705a8459e00e1184f6ac9bb5a1_67352_1200x0_resize_mitchellnetravali_2.png 1200w
	
	'
	
	src="https://laurakalbag.com/flexbox-video-player/Screen-Shot-2015-10-26-at-13.05.13.png" 
	alt="Screenshot of the blog post">
  
</a>

<figcaption>
		<p></p>
	</figcaption>
</figure>

<p><a href="https://laurakalbag.com/flexbox-video-player/">Read the original post, 'Flexboxing the Universal Video Player'</a>.</p>

First name:

Last name: