Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Browse all series

HTML5 Video and VideoJS

In this series, we'll review HTML5 video, as well as the very popular VideoJS player. Whether you need to control playback speeds, or submit AJAX requests to your server based upon player events, or even disguise a video as an animated background, it all couldn't be simpler.

Progress

Series Info

Episodes
5
Run Time
45m
Difficulty
Intermediate
Last Updated
Jun 27, 2016
Version
Latest
Play Series

Series Episodes

  1. Episodes (5)

    1. HTML5 Video 101

      Before we touch VideoJS, let's first begin by reviewing the essentials of HTML5 video.

    3. Video Event Handling 101

      Next up, we'll review how to respond to any number of video-specific events. Maybe you want to write to local storage every five seconds to record the user's progress in the video. Or maybe you want to submit an AJAX request to your server each time a video is finished. It's all a piece of cake!

    4. Hot Keys and Custom Playback Speeds

      The plugin ecosystem for VideoJS is significant. In this episode, we'll review a couple plugins that I use here at Laracasts.

    5. VideoJS Events and AJAX Requests

      Let's review a full of example of how you might submit an AJAX request to your server, once a video has concluded. Perhaps you allow your users to mark videos as "completed" (just like you can here at Laracasts). Let's see how to do that. First, in this lesson, we'll prepare the Laravel backend code and then use some fairly basic JavaScript and jQuery to submit the AJAX request. In the next video, we'll switch to using npm and Vue.

Continue Learning

JavaScript Essentials for PHP Developers thumbnail

JavaScript Essentials for PHP Developers

With Jeremy McPeak

Unlock the power of JavaScript with this tailored series designed for PHP developers looking to expand their skills. Learn key concepts, syntax, and practical applications to seamlessly transition from server-side to client-side coding.

  • 35 Episodes
Object-Oriented Principles in PHP thumbnail

Object-Oriented Principles in PHP

With Jeffrey Way

Beginning developers are usually first introduced to procedural programming. But, before too long, they level up. Suddenly, an entirely different paradigm is introduced: object-oriented programming. Little do they know that they'll spend years researching and learning exactly what it means to work with objects and messages. In this course, you'll be introduced to the core principles of object-oriented programming through the lens of PHP. We'll begin with the basic constructs and work our way up. The only prerequisite is an elementary understanding of the PHP language and syntax.

  • 10 Episodes
PHP For Beginners thumbnail

PHP For Beginners

With Jeffrey Way

We all start somewhere. For programming, this series is that first step. I've designed it specifically for newcomers to, not just PHP, but programming in general. Here, you'll learn the fundamentals of PHP - all the way down to defining basic variables and arrays.Think of this series as a key stepping stone for your programming journey.

  • 50 Episodes
JavaScript: The First Steps thumbnail

JavaScript: The First Steps

With Andre Madarang

JavaScript is one of the most popular and versatile programming languages when working on the web. It makes for a great first language to learn as you can get started with any web browser and its built-in devtools.This beginner-focused series will take you through the fundamentals of JavaScript and give you a solid understanding of how the language works. Once the fundamentals are under your belt, you should be comfortable writing JavaScript in your own applications or continue your JavaScript journey by learning new frameworks or technologies that are built on top of it.

  • 30 Episodes
CSS Flexbox Simplified thumbnail

CSS Flexbox Simplified

With Shruti Balasa

Flexbox is no longer an advanced topic in CSS. Today, it's an essential tool for styling modern web pages. In this course, we'll use a variety of real-world examples and components to explore all of the CSS properties related to flexbox. These examples will help you to better understand the core concepts and commit them to memory.

  • 12 Episodes