How to do picture in picture

May 20, 2019


I have a project that we would like to have an instructor speaking in a picture-in-picture window (preferably above the table of contents/menu), while the main slide content resides on screen like normal.

I can't seem to find anything about this. Is it possible in Storyline 3? How is it done? Are there any workarounds? 

4 Replies
Ned Whiteley

Hi Mike,

Picture-in-Picture normally refers to one video playing inside another. However, from your description, it sounds as if you want a small video window displaying on top of a normal Storyline slide, such as a menu.

In Storyline there are ways to achieve both of these options:

a.  For true picture-in-picture, use video editing software, such as Articulate Replay, to mix two channels of video in a picture-in-picture mode and then import your resultant video into Storyline.


b.  For a video overlay on a Storyline slide, simply set your video up on a separate layer within the slide so that you can turn it on and off as required.

Hope this helps.

Mike Palmer


Thank you for the responses. I guess what I am looking for is more like option B, and not really a true picture in picture. However I want the video to be visible all the time and not covering the content (as I want that visible all the time as well). 

Something a bit like the attached. Is this something I just need to build in separate content areas on the slide itself? 



Ned Whiteley

Hi Mike,

There are two ways to achieve this. If the video is going to be visible the entire time, you could simply create a single layer that includes all of your content with an appropriately sized video in the top corner or you could, as I suggested above, use layers.

I, personally, would use a separate layer for the video as I like to keep the video separate, but that is personal preference and not essential. Either way, the end result would appear the same.

It's important to note that placing a layer on top does not prevent you accessing items on the layer underneath. Effectively, a layer only consists of the components you place on it. Any space in between enables you to "see through" to the next layer and access any other objects underneath, such as menu buttons.

All on one layer:

Video on Separate Layer:

This discussion is closed. You can start a new discussion or contact Articulate Support.