New iPad Update: Watch Entertainment with TrainerRoad!

You can now watch video content during your TrainerRoad workouts on the iPad!

The latest iPadOS 13 Safari browser allows you to overlay a video on the TrainerRoad Workout Player. It’s essentially like Picture in Picture (PiP) — something you may remember using back in the day on your TV.

Gone are the days of having to use your iPad for training and another display for your entertainment. You can now have it all on one screen! :tada:

Things to Note

As of today, this is only available when playing videos in the Safari browser. So you won’t use a native streaming app, but instead, open a video streaming service from Safari.

I expect this’ll come to other browsers like Chrome at some point down the road.

To watch a video overlaid on your TrainerRoad workout, you’ll need to update your iPad to the latest operating system. (Click here for instructions on how to update to iPadOS 13.)

I should also mention that it’s been possible to use a native video streaming app alongside TR on your iPad with Split View. The problem is the scaling doesn’t play nicely. Overlaying the video with Safari solves that.

How to Overlay Video on Your Workout

Open your video of choice in Safari. You should be able to overlay any video that can be opened from the Safari browser (we’ve tested Youtube, Netflix, Hulu, Vimeo, and Twitch).

Put the video in full-screen by selecting the full-screen icon in the bottom right-hand corner of the video player.

Once the video is full-screened, two icons will appear at the top of the screen. One is an “X”, to leave the full-screen view, and the other resizes the window which will now “float” on your screen.

Select the latter.

Now, exit the main Safari browser and open TrainerRoad. Select your workout and you’re ready to ride!

You have the ability to resize the window and move it around.

If you’re in the first half of your workout, placing it in the bottom right corner works well. If you’re towards the end of your ride, bottom left corner is good placement. That way you can still view where you are in your interval and all your ride metrics from the top of the screen.

Compatible iPads

iPadOS is compatible with the following iPads:

  • 12.9-inch iPad Pro
  • 11-inch iPad Pro
  • 10.5-inch iPad Pro
  • 9.7-inch iPad Pro
  • iPad (7th generation)
  • iPad (6th generation)
  • iPad (5th generation)
  • iPad mini (5th generation)
  • iPad mini 4
  • iPad Air (3rd generation)
  • iPad Air 2

Let us know in the comments if you find other video sources that work on Safari. :grinning:

Thanks everyone, and happy training!

17 Likes

Can you make the video content the larger screen and the TR window the smaller one?

2 Likes

I’m going to guess ‘no’ since that functionality is built into iOS, they just made their app compatible with it.

1 Like

No, you can only overlay Safari on top of TR. At the moment, it’s only a feature specific to the Safari browser.

Samsung tablets and phones have had this feature for a long time, use to use it this exact same way, including split screen side by side, TR on left, youtube on right as well.

1 Like

Before I put a screen up I used to do that with Netflix. Think it was a couple of years ago. Whenever the first series of Mr Robot came out. You could also resize the screen. I think it’s a standard video thing that’s been updated to include Safari. What would be really good is if TR did it, but I can’t think of a non video app that does it.

Boom ! Samsung A50, and all other models. Works on our S2 tablet as well.
Apple are behind the times…

3 Likes

Could it be possible that this only works iPad Pro?
I have a 2018 iPad and the Picture-in-picture doesn’t?

iPadOS is compatible with the following iPads:

  • 12.9-inch iPad Pro
  • 11-inch iPad Pro
  • 10.5-inch iPad Pro
  • 9.7-inch iPad Pro
  • iPad (7th generation)
  • iPad (6th generation)
  • iPad (5th generation)
  • iPad mini (5th generation)
  • iPad mini 4
  • iPad Air (3rd generation)
  • iPad Air 2
1 Like

Hi Tariq,
*** edit ***
Ok it works! :slight_smile:

Thanks!

Cheers,
Ari

Thanks for dropping this in here. I’ll update the post to include it. :grinning:

2 Likes

Is this possible? Is so, how?

This is general information about picture-in-picture.

1 Like

Been able to do this with Android for a while.

When will we be able to dock the tr app instead of having it always be full screen? I.e., I want TR in the foreground instead of whatever other app.

What ride videos are you using in the overlaid window?
Can you list a few sources of ride footage we can use please ?!

.m

Playing catchup here. I presume the video has to open in Safari to work? If, for example, Safari opens the app version of YouTube rather than remaining in Safari, I presume this doesn’t work?

Thanks

This flew under my radar! :smile:

That’s my understanding. The video currently needs to be played within the safari browser.

The videos are a mix of content we make — one is from a race analysis video and another from our podcast. The last video isn’t one of ours though.

I’ll drop some links below:

Race analysis Youtube playlist
Ask a Cycling Coach Podcast Youtube playlist

The last video is footage from Iowa Hill (a super steep climb in NorCal): Iowa Hill