How to do it...

The following are the instructions to add a video with autoplay in the background:

  1. Create a new VideoIntro app using the blank template, as follows, and navigate to the VideoIntro folder:
$ ionic start VideoIntro blank
$ cd VideoIntro
  1. You will need to have your video ready at this point. However, for this example, let's download a free video from a public website that does not require a license. Navigate to
  2. You can download any video. The example in this app uses the Blurry-People.mp4 clip. Download it to your computer:
  1. Save the videos in ./src/assets/:
  1. Open the ./src/index.html file and replace ...

Get Ionic Cookbook - Third Edition now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.