---
title: "Playing Videos Full-Screen in Web View"
slug: "playing-videos-full-screen-in-web-view"
tags: ["vimeo", "youtube", "full screen"]
updated: 2023-03-29T20:22:48Z
published: 2023-03-29T20:22:48Z
canonical: "support.skykit.com/playing-videos-full-screen-in-web-view"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.skykit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Playing Videos Full-Screen in Web View

Follow the steps below to play YouTube and Vimeo videos full-screen on your displays using web view.

## **Playing a YouTube Video Full-Screen**

1. Go to [YouTube](http://www.youtube.com/) and find the video that you want to play on your displays.  
  
![YouTube - video highlighted](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/playing-videos-full-screen-in-web-view-image-4bpdo7jc.jpg)
2. Select the video to open it in YouTube.
3. Copy the YouTube video ID. You can find the video ID at the end of the video's URL. It includes all characters after `youtube.com/watch?v=`. You will need the ID for the next step.  
  
![Address bar with YouTube video ID highlighted](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/playing-videos-full-screen-in-web-view-image-4sommr90.png)
4. [Create a web view](/v1/docs/creating-web-views-in-skykit-beam) in Beam. In the **URL** field of the **Web View** settings window, enter the following URL and insert the YouTube video ID from step 3 where it says **[insert YouTube Video ID]**. Do not include the brackets.  
  
`https://www.youtube.com/embed/[insert YouTube Video ID]?rel=0&autoplay=1`  
   
It will look something like this:  
  
`https://www.youtube.com/embed/jlMAzTnDK00?rel=0&autoplay=1`  
  
![Web View settings window highlighting video ID in URL](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/playing-videos-full-screen-in-web-view-image-86jw5srw.png)
5. [Manage your web view's settings](/v1/docs/managing-web-views-in-skykit-beam).
6. When you are done, select **Publish**.
7. [Publish the web view](/v1/docs/publishing-content-to-a-display) containing the YouTube video to your displays. The YouTube video will begin playing full-screen on the selected displays.

## **Playing a Vimeo Video Full-Screen**

1. Go to [Vimeo](http://www.vimeo.com/) and find the video that you want to play on your displays.
2. Open the video in Vimeo.  
  
![Vimeo video](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/playing-videos-full-screen-in-web-view-image-b8p5zmb9.jpg)
3. Copy the video ID of the video you opened. The video ID is located at the end of the video's URL. It includes all characters after **vimeo.com/**. You will need the ID for the next step.  
  
![Address bar highlighting Vimeo video ID](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/playing-videos-full-screen-in-web-view-image-l28pyqbm.png)
4. [Create a web view](/v1/docs/creating-web-views-in-skykit-beam) in Beam. In the **URL** field of the **Web View** settings window, enter the following URL and insert the Vimeo video ID from step 3 where it says **[insert Vimeo Video ID]**. Do not include the brackets.  
  
`https://player.vimeo.com/video/[insert Vimeo Video ID]?h=4ed0dcedf3&autoplay=1&loop=1&title=0&byline=0&portrait=0`   
It will look something like this:  
  
`https://player.vimeo.com/video/509197370?h=4ed0dcedf3&autoplay=1&loop=1&title=0&byline=0&portrait=0`  
  
![Web View settings completed](https://cdn.document360.io/86c4dfb2-4202-4f4a-97e1-d24441ae8c90/Images/Documentation/playing-videos-full-screen-in-web-view-image-aarn6ryi.png)
5. [Manage your web view's settings](/v1/docs/managing-web-views-in-skykit-beam).
6. When you are done, select **Publish**.
7. [Publish the web view](/v1/docs/publishing-content-to-a-display) containing the Vimeo video to your displays. The video will begin playing on the selected displays.