Chrome 54: background HTML5 video play on Android

Martin Brinkmann
Sep 16, 2016
Updated • May 22, 2018
Google Android
|
5

Google Chrome 54 for Android introduces new background video playback capabilities to the web browser if HTML5 video elements are played in it.

If you use Chrome on Android, you may have noticed that the browser stops playing videos automatically when you switch to another application, tab in the browser, or lock the device.

While that is desired sometimes, it may irritate you at other times. Maybe you want to turn off the display to save battery while the video, a music video or playlist perhaps, continues to play in the background.

This was not possible up until now, but changes with the release of Chrome 54 for Android.

The browser is currently available on the beta channel. If you run the beta version of Chrome on Android, then you may take advantage of the new feature right away.

chrome-android background video play

First thing you may want to do is check whether you are running Chrome 54 on your Android device.

  1. Open Chrome on your Android device.
  2. Tap on the menu icon in the top right corner of the Chrome browser (the three dots).
  3. Select Help & Feedback from the menu that opens (it is the last entry, you may need to scroll).
  4. On the page that opens, tap on the menu icon again.
  5. Select "version info" on the page".
  6. This displays the version of Google Chrome on the device.

Now, to make use of the new background video playback feature in Chrome, do the following:

  1. Visit a video page and start to play a video there. You may do this on YouTube, TED, and any other site on the Internet that supports streaming video using HTML5 video (Basically, if the video plays, it should work).
  2. Open a new tab, switch to another app, or the launcher area of your device.
  3. Swipe down to display the notifications area.
  4. There you find a new listing for the video that you started to play. Android lists the name and url, and may display other information such as the application the video is open in.
  5. Click on the play icon to continue playback of the video. You may tap on pause at any time to pause playback again.

The video starts to play again when you hit the play button. It continues to play regardless of what you do now: lock the phone, open another app, or keep the launcher area open.

Here is a video by Google that demonstrates the functionality:

Google notes that developers can take advantage of background video playback by using the Page Visibility API.

In addition to fullscreen improvements, Chrome on Android now persists the media notification of a backgrounded HTMLVideoElement, allowing a user to continue playing videos while they aren’t visible. Developers can detect background video playback by using the Page Visibility API.

So how is Firefox for Android handling video playback? Better I guess. If you use the browser to play videos on YouTube for instance, playback will continue if you switch to another app or lock the device.

Now You: Does your mobile browser support background playback?

Summary
Chrome 54: background HTML5 video play on Android
Article Name
Chrome 54: background HTML5 video play on Android
Description
Google Chrome 54 for Android introduces new background video playback capabilities to the web browser if HTML5 video elements are played in it.
Author
Publisher
Ghacks Technology News
Logo
Advertisement

Tutorials & Tips


Previous Post: «
Next Post: «

Comments

  1. Jason said on January 25, 2022 at 3:56 pm
    Reply

    Using android version 11 and chrome version 97, trying to play continuous audio. It seems to stop playing in an arbitrary way. I won’t be satisfied until I get at least an hour long session. Twice to be sure. Of course when using the desktop it works fine.

  2. Anonymous said on December 10, 2020 at 4:10 pm
    Reply

    I did anything, it closes when I minimize it. Battery setting, app setting, nothing helped.

  3. Franck said on April 15, 2018 at 2:03 am
    Reply

    Thank you so much for this !

  4. Jo said on October 27, 2016 at 8:23 am
    Reply

    Not sure if my reply to my original comment came through, so…

    Yeah, it’s not working on M54 Stable either, but I’ve only tested on YouTube. I think they may be using that “Page Visibility API” to block Chrome for Android.

  5. Jo said on October 14, 2016 at 9:27 am
    Reply

    Seems to have stopped working with the latest update to Chrome 55 Dev as of this comment, though it worked on 55 Dev before. Guess it was too good to be true…

    Waiting for Chrome 54 to hit the stable release channel to see if it still works there.

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

We love comments and welcome thoughtful and civilized discussion. Rudeness and personal attacks will not be tolerated. Please stay on-topic.
Please note that your comment may not appear immediately after you post it.