All Collections
Albums & Images & Videos
How to embed YouTube Shorts?
How to embed YouTube Shorts?
Updated over a week ago

Using the quick workaround using the iframe (Inline frame) HTML tag, you can embed any YouTube Shorts in your page or article.

Create a WYSIWYG Page

In the editor click on the code view

Paste the following code in your editor and replace the field mentioned below.

  • Video URL

  • Optimal size for a Shorts video is 315px x 560px, but you can change the frame size based on your need. Ensure the aspect ratio is maintained

  • Frame border in pixels (px)

iFrame Code

<iframe width="315" height="560" src="https://www.youtube.com/embed/<Shorts_video_code>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

Steps to follow

  1. Go to YouTube and click on the desired Shorts video

  2. Copy the video link found in the address bar of your web browser
    (or)
    Click on Share > Copy

  3. Paste the copied video link in the iFrame code mentioned above

  4. Replace the /shorts/ with /embed/ in the video URL

  5. The Shorts video is now embedded in your page or article

Info: Currently, YouTube does not provide the option to embed Shorts directly.

ex. https://youtube.com/shorts/toJEvF6L1Yk?si=P727H-_SP7JNhRXp ->

becomes: https://youtube.com/embed/toJEvF6L1Yk?si=P727H-_SP7JNhRXp

Code view of the embedded video

<iframe width="315" height="560" src="https://www.youtube.com/embed/toJEvF6L1Yk?si=P727H-_SP7JNhRXp" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

Output

Did this answer your question?