Wait Until HTML5 Video Finishes

In this blog, I will show you how to handle HTML5 videos using JavaScript. First of all, I will be working on this link.

As a prerequisite for this blog, I would suggest you have the basic knowledge of Selenium TestNG and at least, a little insight of how the test methods are written.

Now, let's get down to work.

Here are the basic pieces of the code to identify the WebElement for the video player on the page and to initiate JavascriptExecutor object to handle the JavaScript.

It is needed to play the video using JavaScript.

Now we need to declare the wait for the video to play in order not to skip this step and then the test may fail. Due to some network problems loading the video may lag for a few seconds before it really starts, meanwhile your test script may continue to the next step. Here this piece of code tells Selenium to wait until the video plays, as it may not start immediately.

Now, the video is supposed to play, we need to wait some time.

Using Explicit wait in Selenium, a piece of code is used to wait for the video to finish.

The video on this page mentioned here takes 25 seconds to fully play, here we need to wait for 40 seconds or even longer for the video status to be paused.

You may want to add some basic verifications of the video status on the console,

and that's it!

The complete script for this test,