1. videojs-flash
The official Flash tech package for Video.js.
videojs-flash
Package: videojs-flash
Created by: videojs
Last modified: Tue, 28 Jun 2022 17:04:05 GMT
Version: 2.2.1
License: Apache-2.0
Downloads: 57,055
Repository: https://github.com/videojs/videojs-flash

Install

npm install videojs-flash
yarn add videojs-flash

videojs-flash

Build Status
Greenkeeper badge
Slack Status

NPM

The official flash tech for the videojs player.

NOTE: This should only be used with Video.js >= 6.0.0 as the flash tech is build into versions before that!

Table of Contents

Installation

 npm install --save videojs-flash

The npm installation is preferred, but Bower works, too.

 bower install  --save videojs-flash

You can also use it via a CDN:

 <script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script>

Adding the Flash Tech to video.js

To include videojs-flash on your website or web application, use any of the following methods.

<script> Tag

This is the simplest case. Get the script in whatever way you prefer and include the tech after you include video.js, so that the videojs global is available.

 <script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-flash.min.js"></script>
<script>
  var player = videojs('my-video');
</script>

Browserify

When using with Browserify, install videojs-flash via npm and require the tech as you would any other module.

 var videojs = require('video.js');

// The actual tech function is registered to video.js automatically; so, there
// is no need to assign it to a variable.
require('videojs-flash');

RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and require the tech as you normally would:

 require(['video.js', 'videojs-flash'], function(videojs) {
  var player = videojs('my-video');
});

Force Flash playback

By default techs are used in the order in which they are registered. This means that the HTML5 tech that is buildin to video.js is going to be registered first and thus prioritized. To change this you will have to change the techOrder option on video.js. See examples below

NOTE: video.js and flash are already included in these example

Prioritize the flash tech over the HTML5 tech, but fallback to the HTML5 tech if the Flash tech does not work.

 videojs('some-video-id', {techOrder: ['flash', 'html5']});

If you don't want to fallback to the HTML5 and only want to use the Flash tech you can do this:

 videojs('some-video-id', {techOrder: ['flash']});

See the video.js docs for additional information and other ways to set options in video.js
See the video.js docs for additional information on the techOrder option.

License

Apache-2.0. Copyright (c) Brightcove, Inc.

Dependencies

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code