Turtl

Video widgets are used for embedding and displaying videos on Content pages to increase reader engagement and can help present information more effectively. Readers will be able to watch the videos without leaving your Turtl Doc, and you'll be able to collect analytics including <a href="https://support.turtl.co/en/articles/1295298-turtl-doc-analytics-dashboard#interactions" rel="nofollow noopener noreferrer" target="_blank">video views and average view time</a>.

In this article, we'll walk you through the basics of Video widgets, including how to add, style, format, and configure a Video widget.

Select "Text box" from Content menu. ​

1. Click the "+ Add content" button.
2. Select "Text box" from Content menu. ​
 
 
 
 
3. Choose to add a video by:

Upload: Drag and drop a video or click to open the file picker.

Embed: Embed from another website.

Library: Select from your company's shared library.

Upload history: Select from your previous uploads. ​

- Upload: Drag and drop a video or click to open the file picker.
- Embed: Embed from another website.
- Library: Select from your company's shared library.
- Upload history: Select from your previous uploads. ​

<a href="https://www.youtube.com/" rel="nofollow noopener noreferrer" target="_blank">Youtube</a> / Youtube playlist

<a href="https://support.turtl.co/en/articles/5871891-embedding-vimeo-videos" rel="nofollow noopener noreferrer" target="_blank">Vimeo</a>

<a href="https://support.turtl.co/en/articles/2127338-embedding-wistia-videos" rel="nofollow noopener noreferrer" target="_blank">Wistia</a>

<a href="https://support.turtl.co/en/articles/1640811-embedding-brightcove-videos" rel="nofollow noopener noreferrer" target="_blank">Brightcove</a>

<a href="https://vbrick.com/" rel="nofollow noopener noreferrer" target="_blank">Vbrick</a>

<a href="http://support.turtl.co/en/articles/3826023-embedding-vidyard-videos">Vidyard</a>

<a href="https://support.turtl.co/en/articles/5173247-embedding-microsoft-stream-videos" rel="nofollow noopener noreferrer" target="_blank">Microsoft Stream</a>

<a href="https://support.turtl.co/en/articles/6019135-embedding-bombbomb-videos" rel="nofollow noopener noreferrer" target="_blank">BombBomb</a>

any MP4 / WEBM video hosted online (URL ending in .mp4 or .webm) ​

- <a href="https://www.youtube.com/" rel="nofollow noopener noreferrer" target="_blank">Youtube</a> / Youtube playlist
- <a href="https://support.turtl.co/en/articles/5871891-embedding-vimeo-videos" rel="nofollow noopener noreferrer" target="_blank">Vimeo</a>
- <a href="https://support.turtl.co/en/articles/2127338-embedding-wistia-videos" rel="nofollow noopener noreferrer" target="_blank">Wistia</a>
- <a href="https://support.turtl.co/en/articles/1640811-embedding-brightcove-videos" rel="nofollow noopener noreferrer" target="_blank">Brightcove</a>
- <a href="https://vbrick.com/" rel="nofollow noopener noreferrer" target="_blank">Vbrick</a>
- <a href="http://support.turtl.co/en/articles/3826023-embedding-vidyard-videos">Vidyard</a>
- <a href="https://support.turtl.co/en/articles/5173247-embedding-microsoft-stream-videos" rel="nofollow noopener noreferrer" target="_blank">Microsoft Stream</a>
- <a href="https://support.turtl.co/en/articles/6019135-embedding-bombbomb-videos" rel="nofollow noopener noreferrer" target="_blank">BombBomb</a>
- any MP4 / WEBM video hosted online (URL ending in .mp4 or .webm) ​

- The file upload size is limited to 20MB. Smaller video files load faster for your readers.
- Autoplaying videos on Content pages is not recommended. Reader interaction with a widget helps us gather data on whether they choose to play the video and how long they watch it. Therefore, autoplay is not an available feature in Turtl. However, embedding videos from certain video hosting providers (e.g., <a href="https://support.turtl.co/en/articles/5173247-embedding-microsoft-stream-videos" rel="nofollow noopener noreferrer" target="_blank">Microsoft Stream</a>) may allow this functionality.

___________________________________________________________

Video thumbnails can be adjusted for uploaded videos or videos embedded via direct links. For embedded videos from hosting providers, the thumbnail from the service will be displayed automatically. To use a custom thumbnail, check with the provider to see if this feature is available. ​

Hover over a Video widget in the Content page editor until the Widget toolbar appears at the top. 

Click on the "Embed" tab in the Insert Video window.

Use the slider to choose a frame from a video.

1. Hover over a Video widget in the Content page editor until the Widget toolbar appears at the top. 
2. Click "Edit video Url"
3. Click on the "Embed" tab in the Insert Video window.
4. Use the slider to choose a frame from a video.
5. Press "Update" to save the thumbnail.
    

Learn how to <a href="http://support.turtl.co/creating-stories/adding-captions-to-widgets">create a Video widget caption</a>.

Change the corner radius of a Video widget

Hover over a Video widget in Preview. Right-click on it or click on the three-dot icon.

Click on the "Corner radius" option in the Widget menu.

Choose to set all the corners at once or each one individually.

1. Hover over a Video widget in Preview. Right-click on it or click on the three-dot icon.
2. Click on the "Corner radius" option in the Widget menu.
3. The Video configuration window opens.
4. Choose to set all the corners at once or each one individually.
5. Enter the rounding values in em. 
6. Press "OK" to save your changes.

Add a Video widget

Video widget thumbnail

Add a caption to the Video widget

Change the corner radius of a Video widget