Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Timo Ernst
Timo Ernst

Posted on

     

How to embed YouTube videos into dev.to posts

First, go to the Youtube video you'd like to embed and have a look at the url, it should look something like this:

https://www.youtube.com/watch?v=<your-video-url>
Enter fullscreen modeExit fullscreen mode

Right after thev= part you should find your video id, so for example in the following casel4kFO6VQPfA would be our id:

https://www.youtube.com/watch?v=l4kFO6VQPfA&t=1s
Enter fullscreen modeExit fullscreen mode

Now, create a new post on dev.to and add the following liquid tag:

{% youtube <your-video-id> %}
Enter fullscreen modeExit fullscreen mode

So, in our example it would be:

{% youtube l4kFO6VQPfA %}
Enter fullscreen modeExit fullscreen mode

Important: Do not copy other parts of the url. For example in our case we did not copy&t=1s at the end of the url.

Hope this was helpful :-)

Links

Top comments(0)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

YouTube ➩ http://www.timoernst.tv
  • Location
    Germany
  • Education
    Master Computer Science
  • Work
    Senior Frontend Developer at Audi
  • Joined

Trending onDEV CommunityHot

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp