Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

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 Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
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
Contributor
October 16, 2024

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

4 votes
Answer accepted
Łukasz Modzelewski _Lumo_
Marketplace Partner
Marketplace Partners provide apps and integrations available on the Atlassian Marketplace that extend the power of Atlassian products.
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
Contributor
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