accessible-html5-video-player - Accessible HTML5 Video Player

  •        237

A lightweight HTML5 video player which includes support for captions and screen reader accessibility. For details, read the blog post Introducing an Accessible HTML5 Video Player on the PayPal Engineering blog. Also see 7 Lessons from Developing an Accessible HTML 5 Video Player.Insert the CSS in the Head of your HTML document. You'll also need to upload the sprite image (or use your own) and adjust the path in the CSS file.

https://github.com/paypal/accessible-html5-video-player#readme
https://github.com/paypal/accessible-html5-video-player

Dependencies:

react : ^15.5.4
react-dom : ^15.5.4

Tags
Implementation
License
Platform

   




Related Projects

Videojs - HTML5 & Flash video player

  •    Javascript

Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 and Flash video, as well as YouTube and Vimeo (through plugins). It supports video playback on desktops and mobile devices. It is an extendable framework/library around the native video element. It unifies the native video API across browsers.

video-react - A web video player built for the HTML5 world using React library.

  •    Javascript

Video.React is a web video player built from the ground up for an HTML5 world using React library. Please note that only the latest stable version is tested and supported. Video-react may be usable in older releases, and we will accept pull requests for them, but they will not be frequently tested or actively supported.


rx-player - Smooth/DASH HTML5 Video Player

  •    TypeScript

The Rx-player is a library implementing a DASH and Microsoft Smooth Streaming video player directly on the browser, without plugins. It relies on HTML5 Media Source Extensions and Encrypted Media extensions and is written in TypeScript, a superset of JavaScript. It is currently used in production for premium services and targets several devices, such as computers, phones, but also set-top-boxes, smart TVs and other peculiar environments.

DPlayer - :lollipop: Wow, such a lovely HTML5 danmaku video player

  •    Javascript

DPlayer is a lovely HTML5 danmaku video player to help people build video and danmaku easily.

vime - Customizable, extensible, accessible and framework agnostic media player

  •    TypeScript

Vime is a customizable, extensible, accessible and framework agnostic media player. The examples below are using web components but there are bindings for React, Vue, Svelte, Stencil and Angular. If you want to see how they look check out our Demo.

frame-player - A video player without video files, just JSON

  •    Javascript

##The Problem The problem of today's HTML5 video is that it can't be played in-line on an HTML page on mobile devices. The way the handheld devices handle it is they open the video in a native player which takes over the page itself, making it impossible to implement any interaction while the video is playing. Also, you can't play two videos at the same time. ##The Solution Create a player instead of playing video files, show a sequence of images at a certain rate.

HTML5 Video for Umbraco

  •    

This is a project to allow you to insert HTML5 <video> into your website with a flash player fallback if the users browser does not support the <video> tag. We will utilise the VideoJS library in order to achieve an easily skinable <video> player by using CSS.

Open video player - media players for Flash and Silverlight

  •    Acrionscript

Open Video Player (OVP) is an initiative encompassing the use of open standards, best practices, and established development methodologies in the development of media player applications. Currently this project provides a code base that can be used to solve common problems as part of building advanced, scalable, and robust web-based media player applications in Flash, Silverlight, Apple iOS and HTML5.

clappr - :clapper: An extensible media player for the web.

  •    Javascript

Test it at cdn.clappr.io. You can re-use some vendors used internally, for instance you can use Kibo through Clappr.Vendor.Kibo.

hls.js - JavaScript HLS client using Media Source Extension

  •    Javascript

hls.js is a JavaScript library which implements an HTTP Live Streaming client. It relies on HTML5 video and MediaSource Extensions for playback. hls.js does not need any player, it works directly on top of a standard HTML<video>element.

video-js-swf - Custom Flash Player for VideoJS

  •    Javascript

The lightweight Flash video player for Video.js. This allows the Video.js player's skins, plugins, and other features to work with both HTML5 and Flash. This project doesn't need to be used if you simply want to use the Flash tech in Video.js.

jPlayer - jPlayer : HTML5 Audio & Video for jQuery

  •    Javascript

The jQuery HTML5 Audio / Video Library. Allows you to create a media player with a consistent interface and experience across all browsers.

lossless-cut - Cross platform GUI tool for lossless trimming / cutting of video and audio files using ffmpeg

  •    Javascript

Simple, cross platform tool for lossless trimming/cutting of video and audio files. Great for rough processing of large video files taken from a video camera, GoPro, drone, etc. It lets you quickly extract the good parts from your videos and discard GBs of data without losing quality. It doesn't do any decoding / encoding and is therefore extremely fast. This app uses the awesome ffmpeg (included) for doing the grunt work. Since LosslessCut is based on Chromium and uses the HTML5 video player, not all ffmpeg supported formats will be supported. The following formats/codecs should generally work: MP4, MOV, WebM, MKV, OGG, WAV, MP3, AAC, H264, Theora, VP8, VP9 For more information about supported formats / codecs, see https://www.chromium.org/audio-video. Note that the MPEG TS format is not supported. See known issues.

Player Framework by Microsoft

  •    Silverlight

An open source, robust video player framework for Windows 8, HTML5, Silverlight, Windows Phone and other application platforms.

react-media-player - React audio and video player.

  •    Javascript

Components and decorators to help build video & audio players in React. Supports HTML5, Youtube, and Vimeo media types. A special wrapper component that collects information from the Player component and passes down the proper props to withMediaProps decorator.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.