Title: Screencast embed
Author: khushbu desai
Published: July 24, 2020
Last modified: June 8, 2024

---

# Screencast embed

## In this article

 * [Block Toolbar](https://wordpress.org/documentation/article/screencast-block/?output_format=md#block-toolbar)
 * [Block Settings](https://wordpress.org/documentation/article/screencast-block/?output_format=md#block-settings)
 * [Changelog](https://wordpress.org/documentation/article/screencast-block/?output_format=md#changelog)

[ Back to top](https://wordpress.org/documentation/article/screencast-block/?output_format=md#wp--skip-link--target)

[Go back to the list of **Blocks**](https://wordpress.org/documentation/article/blocks/)

Screencast is a digital recording of your computer screen. It usually includes audio
narration and is a different type of instructional video.

With the [Screencast](https://www.techsmith.com/screencast.html) Embed block, you
can add Screencast videos on your posts/pages. You need a Screencast account to 
embed a video. 

**Steps to embed a Screencast video to your post or page:**

 1. Create and upload a Screencast video in your [Screencast](https://app.screencast.com/)
    account and copy the URL of the video.

 2. Add a Screencast embed block to your post or page

![Screencast block embed ](https://wordpress.org/documentation/files/2020/08/add-
embed-screencast-WP5.5r8.3.png)

[Detailed instructions on adding blocks](https://wordpress.org/documentation/article/adding-a-new-block/)

 3. Paste the link into the textbox. Press the “Embed” button.

![Embed option for the block to paste the URL.](https://wordpress.org/documentation/
files/2020/08/put-link-WP5.5r8.3.png)

If the link can be successfully embedded into the post/page, you will see the preview
in your block editor.

![Preview of the embedded Screencast video within the WordPress editor.](https://
wordpress.org/documentation/files/2020/08/preview-1-WP5.5r8.3.png)

If you use a URL that can’t be embedded, the block shows the message “Sorry, this
content could not be embedded.” You will have two choices: Try again with a different
URL or convert to link.

![Example of a URL that cannot be embedded. Two options are presented, try again
or convert to link.](https://wordpress.org/documentation/files/2020/08/Not-embeded-
WP5.5r8.3.png)

 4. Click on the Preview button on the top right corner of the page/post to see how
    it will look on the front-end

![Preview of the embedded Screencast video within the WordPress editor.](https://
wordpress.org/documentation/files/2020/07/image-6-1024x469.png)

## 󠀁[Block Toolbar](https://wordpress.org/documentation/article/screencast-block/?output_format=md#block-toolbar)󠁿

Besides the Mover and Drag & Drop Handle, the Block Toolbar for the  Screencast 
embed shows four buttons:

 * Transform to
 * Change alignment
 * Edit URL, and
 * More Options. 

![Block Toolbar with options available for the Screencast Block.](https://wordpress.
org/documentation/files/2020/08/preview-1-WP5.5r8.3-1.png)

**Transform to**

![Options to transform the Screencast block to Paragraph, Columns or Group.](https://
wordpress.org/documentation/files/2020/08/transform-to-WP5.5r8.3.png)

You can transform a Screencast embed to a Group. This would give you the ability
to change the background color around the Screencast embed.

![Editor view of a Screencast Embed as a group with Color Settings controls](https://
wordpress.org/documentation/files/2020/08/grouping-WP5.5r8.3-1024x483.png)

![Screencast Embed with a green background.](https://wordpress.org/documentation/
files/2020/08/grouping-backgroung-color-WP5.5r8.3.png)

Left: Editor view of an Screencast Embed as a group with Color Settings controls

Screencast embed with a green background.

**Change alignment  **

![Screencast Embed with a yellow background.](https://wordpress.org/documentation/
files/2020/08/alignment-WP5.5r8.3.png)

 * **Align left** – Make the Screencast post left aligned
 * **Align center** – Make the Screencast post alignment centered
 * **Align right **– Make the  Screencast post align right
 * **Wide width** – Increase the width of the post beyond the content size
 * **Full width** – extend the Screencast post to cover the full width of the screen.

**Note:** “Wide width” and “Full width” alignment need to be enabled by the Theme
of your site. 

**Edit URL**

Via the edit URL, you can change the Screencast Embed URL in the embed block. Overwrite
the existing URL and click on the “Embed” Button.

![Editing the block URL via the "edit" option.](https://wordpress.org/documentation/
files/2020/08/edit-WP5.5r8.3.png)

**More options**

These controls give you the option to copy, duplicate, and edit your block as HTML.

[Read about these and other settings.](https://wordpress.org/documentation/article/more-options/)

## 󠀁[Block Settings](https://wordpress.org/documentation/article/screencast-block/?output_format=md#block-settings)󠁿

No block settings for this particular block

**Advanced**

The advanced tab lets you add a CSS class to your block, allowing you to write custom
CSS and style the block as you see fit.

![](https://wordpress.org/documentation/files/2020/07/image-16.png)

The advanced section lets you add a CSS class to your block.

## 󠀁[Changelog](https://wordpress.org/documentation/article/screencast-block/?output_format=md#changelog)󠁿

 * Updated 2023-02-10
    - Added info about the screencast account and links to the site
 * Updated 2022-11-25
    - Removed redundant content
    - Aligned images for mobile view
    - Added alt text to images
 * Updated 2020-08-19
    - Replaced “More Options” – new screenshot
    - Added “Move To” and “Copy” section under More Options
 * Updated 2020-08-11
    - screenshots as per WordPress 5.5
 * Created 2020-07-24

## Was this article helpful? How could it be improved? 󠀁[Cancel reply](https://wordpress.org/documentation/article/screencast-block/?output_format=md#respond)󠁿

[Log in to submit feedback](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fdocumentation%2Farticle%2Fscreencast-block%2F&locale=en_US).
If you need support with something that wasn't covered by this article, please post
your question in the [support forums](https://wordpress.org/support/forums/).

First published

July 24, 2020

Last updated

June 8, 2024