Set an embedded video to play full screen in Studio


#1

Hi everyone,

We’ve created a new Studio project to show you how to set an embedded landscape video to play in full screen. Click here to download the zpp file: embedded_video_full_screen.zpp (13.4 MB)

Please, note that we haven’t set the orientation of the video to change depending on the orientation of your device.

In order to take the user somewhere else once the video has finished playing, we generally add actions to the end of the video. These actions can consist of opening a website URL (see the Launching Website article), launching another zap using the corresponding deep link (see the Deep Links article), or a displaying a subsymbol (Screen Symbol article). They are triggered as soon as the video “finish” event is emitted (click here to read the video finish event documentation).

We hope you’ll enjoy this new Studio project! Feel free to let us know if you have any questions. :slight_smile:
Margaux


Video Play in front of Photosphere
#2

Can you provide an example how to change this algorithm to work for vertical video in full screen.

Nice solution and tenx.


#3

Hi @valentin.jesenko,

There’s a couple of small changes you’ll need to make to the example zpp above.

Firstly, you’ll want to rotate the videoPlane object by 90 degrees in the Z-axis, so that the video is in the correct orientation for portrait mode.

When rotating the video its height in landscape mode becomes its width in portrait mode, and its width in landscape mode becomes its height in portrait mode.

Knowing this, all you need to do is reverse the X and Y values in the updateVideoSizing function within the show script node.

Hope this helps.

All the best,
Seb