Create wonderful video effects with Flowplayer
5.0 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
544 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Create wonderful video effects with Flowplayer to your Wishlist.

Add to Wishlist

Create wonderful video effects with Flowplayer

Learn how to create great video players with Flowplayer, trigger events and add subtitles at video playback
5.0 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
544 students enrolled
Created by Daniele Protti
Last updated 12/2015
Curiosity Sale
Current price: $10 Original price: $40 Discount: 75% off
30-Day Money-Back Guarantee
  • 4.5 hours on-demand video
  • 1 Article
  • 22 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
What Will I Learn?
  • Create and customize a video player with Flowplayer
  • Trigger events at video playback on a web page using Flowplayer
  • Add subtitles to a video with Flowplayer
  • Learn the Flowplayer Javascript API
  • Create playlists with Flowplayer
View Curriculum
  • be familiar with computers and the Internet
  • an advantage is to know some basic HTML, CSS and Javascript
  • an advantage is to know to record a video with a camera and a video camera or create videos with video editing tools

Videos are the most important assets to promote products on the Internet or to generate online courses.

The most important issue is the setup of the video player on the web page where the video will be displayed and played.

Flowplayer offers one of the best solutions on the Internet and has a free version which is great when you start off.

With Flowplayer you can create great video players even on light boxes and also you can add subtitles and display content on your page or video at specific times during the video playback, you can trigger event, e.g. play other videos, using this feature.

You can also improve the features using the Javascript API offered by Flowplayer.

If you want to create video courses with Flowplayer you can also create playlists and generate video thumbnails.

In this course I will show you all these features and more and at the end you will be able to create great video pages and video courses on your websites

Who is the target audience?
  • Who is familiar with computers and the Internet
  • familiarity with the function and basic use of the software
  • familiarity with Windows or Mac computers
  • Basic knowledge of HTML and Javascript is recommended
Students Who Viewed This Course Also Viewed
Curriculum For This Course
61 Lectures
Flowplayer - The Video Player
4 Lectures 18:25

Why should you use Flowplayer for your video players

Preview 00:26

Overview of the main features, functions and possibilities of Flowplayer the service to generate video players for your web pages and web sites

Preview 10:09

In this lecture you will have an overview of the Flowplayer website.

This overview is important to understand all the amazing features of Flowplayer and where to find them.

How to setup Flowplayer

How to customize your video player

How to make your video play with Flowplayer

How to generate events while playing your video with the Flowplayer software

How to generate money with Flowplayer

How to add Adsense advertising to your video player using Flowplayer

Flowplayer Analytics

Flowplayer Skins

What encoding formats are suggested for Flowplayer

Overview of the website
The Designer
4 Lectures 15:38

Overview and basic understanding of the Flowplayer designer to customize your video player
The Designer (I)

Verify the results of using the Flowplayer designer to format your video player

The Designer (II)

Use the Flowplayer designer to customize your video player

Upload your video and your web page with the video player made with Flowplayer

See the results of your Flowplayer customization on the Web

The Designer (III)
The Setup Process
8 Lectures 51:15

Overview of the Flowplayer Setup Understand and learn how to setup your video player with the Flowplayer software
The Setup

Understand basic html to create your video web page with flowplayer video player

Basic understanding of HTML

What is FileZilla

What is an FTP Client

Why it is important to use an FTP Client in order to publish your web pages and videos on the Web

Upload videos and files to your server with Filezilla

Flowplayer and Filezilla: the 2 tools you cannot make without as a web video designer

Upload a file to your server

Guidelines to do a basic setup with Flowplayer

Basic setup with Video Tag

Setup a HTML5 video player with Flowplayer

The Automatic installation with Flowplayer

Basic Setup (I)

Overview of the information needed to start the setup of Flowplayer for a video tag based installation

Understand the difference between: automatic installation, manual installation and pur Javascript installation

jQuery, Javascript, Video Tag, HTML5 and Flowplayer

Flowplayer - Basic Setup (II)

Understand the pure Javascript setup with Flowplayer Javascript and Flowplayer

Pure Javascript Setup

Understand the manual setup for your video player with Flowplayer

jQuery setup with Flowplayer

jQuery Setup
6 Lectures 22:51

Edit your installation after the automatic setup in Flowplayer

Customize your video player after the automatic installation in Flowplayer

Why you should use the automatic installation when your start off with Flowplayer?

How to set a splash image to a video player with the automatic installation in Flowplayer

Edit and customize the basic setup

Customize your style with the Flowplayer Designer

How to customize your video player with CSS after you generate your code with the Flowplayer designer

Edit the output of a Flowplayer style with CSS

Basic knowledge of CSS to customize your video player

Overview of the Skinning feature of Flowplayer

How to design your video player with the skinning feature of Flowpayer

Flowplayer Skinning and CSS3


How to customize and use CSS3 to customize the skin in Flowplayer

Understand how to set the skin of your video player with Flowplayer and CSS3

Skinning - examples
Add special effects
6 Lectures 28:55

What are cuepoints?

Understand the cuepoints in Flowplayer

Overview of the cuepoints in Flowplayer

What can you do with cuepoints in Flowplayer

Trigger events with cuepoints with Flowplayer

Trigger events when a video is played with Flowplayer

Cuepoints - Overview

Some examples of cuepoints with Flowplayer

How to show call to actions and HTML widget on a video with cuepoints in Flowplayer

Video chapters with Flowplayer cuepoints

Cuepoints - Examples (I)

Some more example of cuepoints with Flowplayer
Cuepoints - Examples (II)

How to add subtitles to a video on a video player with Flowplayer

Show subtitles at specific times on a video with Flowplayer


How to create a video playlist with Flowplayer
4 Lectures 14:03

How to do Video embedding with Flowplayer

Make your viewers publish your video on their website and make it viral


Use Google Analytics with Flowplayer to track your videos and their performances on the web Understand how many people watch your videos, how many minutes they watch your videos, when they stop to watch your videos, etc.

How to make money with Flowplayer

How to monetize from Google Adwords with Flowplayer

Show ads on your videos with Flowplayer
1 Lecture 02:00
Overview of the available plugins in Flowplayer
18 Lectures 01:08:19

The Javascript API of Flowplayer are a library to extend the functionalities of the video players.

In this video you will have an overview of what an API is and what an Object in Object Oriented Programming (OOP) is.

You will see the definition of API, the definition of Object and you will learn the concepts of Property, Method and Event in OOP.

What are the Javascript API

In this video you will see:

  • what Javascript and API means
  • what Javascript API of Flowplayer is
  • why and how to use the Javascript API of Flowplayer

Overview of the Flowplayer Drive API

Overview of the Flowplayer Javascript API

Flowplayer API

Global API Access is a way to use the Flowplayer Javascript API for any setup (Video Tagged based - automatic and manual, and based on pure Javascript).

In this lesson you will leran how to use the Flowplayer API for the various setup.

JavaScript API - Global API Access (I)

In this lesson you will see an example of application of the Global API Access.

JavaScript API - Global API Access (II)

In this lesson you will learn how to use the API in the pure Javascript setup using the Selective API Access.

You will define the api variable in Javascript (var api) and you will set it equal to the anonymous function flowplayer.

You will unnderstand the oncept of anonymous function and how to set and refer to its parameters.

JavaScript API - Selective API Access

The Instant API Access are the best implementation of the Selective API Access using the pure Javascript setup.

It is the recommended way to do programming in Javascript for Flowplayer and it is based on anonymous and asynchronous functions.

JavaScript API - Instant API Access

Properties are parameters of the API object where the information about the state of the video players is stored.

During the life of a video player its state will change, e.g. a new video will be loaded, a video will playback, paused and stopped, cuepints can trigger events, etc.

You will see all the property of the API object and of some of its "children".

JavaScript API - Properties

Plugins and extensions (e.g. cuepoints and subtitles) are objects which are hierarchically below the API object in the Flowplayer structure, i.e. subtitles and cuepoints are assigned to a video player which refers to the API object.

You will see the list of elements and their type which belong to the API object and their properties, e.g. api.cuepoint.time.

JavaScript API - Extension and Plugin Properties

The Video object is the most important object which depends on the API object and therefore is below it hierarchically.

The Video object is expressed in JSON format and is assigned to properties, methods and events, as well as the parent API object. An example are the properties and

JavaScript API - Video object

Methods are actions assigned to objects which can be triggered by events or by the user.

In this section you will see the main methods assigned to the API object.

JavaScript API - Methods

As for the Extension properties, extensions e,g, cuepoints and subtitles have methods.

In this lesson you will see some of the methods of these extensions.

JavaScript API - Extensions Methods

The Load method is a special method of the API object to load video players and videos.

You will learn more about this method in this lesson.

JavaScript API - Load method

Events are a core concept in OOP. Events are actions triggered by external causes and will produce a change in the properties or to other objects.

In this lesson you will learn the main events of the API object.

JavaScript API - Events

Events can be also attached to methods. That means that you can define methods which verify if an event occured and then will execute a function (e.g. the "on" method).

You will learn the main attaching methods for the API events.

JavaScript API - Attaching events

The Flowplayer video players can be setup in 2 environments: FLASH and HTML5 (with the VIDEO TAG). If you are using FLASH or HTML5 is an information which is stored in the engine object which is part of the Flowplayer API.

You will know more about this object and its properties in this lesson.

JavaScript API - Engines

JavaScript API - The flowplayer function
2 Lectures 11:27
Example of Application

You will verify your knowledge about Flowplayer and video players

Verify your understanding in making video players with Flowplayer
19 questions

Special Bonuses
8 Lectures 35:55

Encoding in Flowplayer

Overview of the main encoding formats recommended for Flowplayer

Flowplayer - Encoding

Important report on the possible legal issues you may have as a business online

What you need to do when you have an online business to protect yourself legally

How to protect your work

Which works you can use and cannot use as an online business
Legal Issues for an online business
57 pages

List of the most popular web places where to find royalty free music for free or paying a monthly/annual fee

Recommendations on how to find and select royalty free music and sound clips

Where to find royalty free music

Where to find royalty free images

Where to find royalty free cartoons

Where to find royalty free avatars

Where to create avatars for free

Where to find royalty free images

Where to find royalty free videos to use as videos and as video backgrounds

Why video backgrounds are important

Where to find royalty free videos

How to include Flowplayer into a FancyBox

How to play a Flowplayer video on an overlay or lightbox

Flowplayer & Fancybox

How to create video widgets with video thumbnail with Flowplayer video player on Fancybox overlays

Create Video Widgets with Flowplayer and Fancybox

Useful information
About the Instructor
Daniele Protti
3.7 Average rating
280 Reviews
7,943 Students
15 Courses
Project Manager and Software Architect

I have 20+ years experience in IT project management, software development and software architecture.

I have led several teams of software developers as project manager, quality manager and as team leader in different companies and different countries in sectors e.g. telecommunication, research & development, travel business, Internet marketing and Internet business, consultancy and services.

I have been responsible to collect the requirements of projects, applications and processes, design the databases and specify the final objects.

During my career I have accumulated a lot of experiences dealing with processes of any kind and the need to define the tools to manage them and collect the information.

Most of my tools have been written in VB, VBA, C++, C#, Java, PHP, Javascript using databases e.g. Informix, Postgres, Oracle and MySql.

I have organized all my experiences in courses which are not only a list of functions and methods but contain also my practical experiences and considerations about how to cope with the different situations and which solutions to suggest.