How to embed a video to an article?

[Daria Kulikova_GitProtect_io]

Hello Community! Looking for your assistance :) 

I noticed that sometimes some articles have videos embedded into their articles. So, I'm wondering how it is possible to insert a video into the article so that it looks nice within the text. Any advice on that issue? 

[Lucas Modzelewski _Lumo_]

In HTML editor use <iframe> element
Check: https://www.w3schools.com/html/html_youtube.asp 

like this one ;) 

<iframe width="420" height="345" src="https://www.youtube.com/embed/dQw4w9WgXcQ">

</iframe>

[Daria Kulikova_GitProtect_io]

Thank you @Lucas Modzelewski _Lumo_ 

[Andy Gladstone]

@Daria Kulikova_GitProtect_io there are a few ways to accomplish this. While I am no expert on all of the ways it can be done, I generally use one method. 

When editing an article you can use the Rich Text Editor and the HTML editor. I copy the HTML embed code for the video from the source (YouTube, Vimeo, etc.) and paste that code in to the HTML editor. From there I play with the video dimensions to get the right embed size on the page.

I hope this helps. I also hope that others see this and answer how they accomplish this as well.

[Daria Kulikova_GitProtect_io]

Thank you, @Andy Gladstone , I will try this method

[Alberto Estévez]

How do I switch from Rich Text to HTML editor? Thank you 😊

[Sandra Franchetto]

I love being part of a Community where others help out and are quick to respond. 🫶👍

[Daria Kulikova_GitProtect_io]

That's true @Sandra Franchetto , agree 💯

[Daria Kulikova_GitProtect_io]

Hello @Alberto Estévez ,

You need to switch from "Rich Text" to "HTML"

[Alberto Estévez]

Thank you for your help @Daria Kulikova_GitProtect_io 
Looks like the option to switch views is only available to community leaders.

[Newwave Solutions]

For responsive iframe, check https://www.w3schools.com/howto/howto_css_responsive_iframes.asp 

Example:

---

<div class="container">
<iframe class="responsive-iframe" src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>
</div>