Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

How to embed a video to an article?

Daria Kulikova_GitProtect_io
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
October 1, 2024

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? 

5 answers

2 accepted

Suggest an answer

Log in or Sign up to answer
5 votes
Answer accepted
Andy Gladstone
Community Champion
October 1, 2024

@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
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
October 2, 2024

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

Alberto Estévez
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
October 16, 2024

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

4 votes
Answer accepted
Lucas Modzelewski _Lumo_
Atlassian Partner
October 1, 2024

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
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
October 2, 2024
0 votes
Newwave Solutions
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
November 25, 2024

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>

 

0 votes
Daria Kulikova_GitProtect_io
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
October 18, 2024

Hello @Alberto Estévez ,

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

Frame 482198.png

Alberto Estévez
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
October 21, 2024

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

 

 

0 votes
Sandra Franchetto
Contributor
October 1, 2024

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

Daria Kulikova_GitProtect_io
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
October 2, 2024

That's true @Sandra Franchetto , agree 💯

Like # people like this
TAGS
AUG Leaders

Atlassian Community Events