Creating a Video Player and Issues with Fullscreen: #JavaScript30 — Day 11

Big Buck Bunny video, video player paused

Video Events & Scrubbing

  • pause: Playback has been paused
  • play: Playback has started.
  • timeupdate: The time, found via the currentTime (see below) attribute, has been updated.
  • currentTime: reading the currentTime will return a ‘double-precision floating-point value’ showing the current playback point in seconds. You may set the currentTime to a certain playback position.
  • duration: Duration is a Read only attribute. It will show a double-precision floating-point value of the media in seconds, on the media’s timeline. If there is no length, video, or an invalid media, the return value will be NaN. If the media has no known ending, such as a live stream, the return value with be +Infinity.
  • width: This indicates the width of the video’s display area in CSS pixels. Only values, not percentages, are valid.

A Note on Fullscreen

--

--

--

Software Engineer & Children’s illustrator living in Western Mass. https://www.linkedin.com/in/sofija-fia-sutton/ & www.fiasutton.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Creating an Auto Configurable Library

Football Data Analysis Project (Python) using Docker Image

Automated Test pipeline using GitHub, Docker and Jenkins

Everyone Should Know These 8 Python Functions

Email Syntax Validation and Existence Verification in PHP

CS371P Week 5

First Hackathon: Women @ Work ‘19

Jenkins:- Jenkins is an open-source automation tool written in Java with plugins built for…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Fia Sutton

Fia Sutton

Software Engineer & Children’s illustrator living in Western Mass. https://www.linkedin.com/in/sofija-fia-sutton/ & www.fiasutton.com

More from Medium

Build a Signature Pad in HTML, CSS, JS & Canvas

Adding a Chart to Your Website With Chart.js

How to Code Your Own Dino-Game:

Design to CSS: How to adjust position while converting FIGMA & SKETCH