# Adding Iframe Youtube Videos to FAQ Answer section

**URL:** <https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957>\
**Category:** General Questions\
**Created:** [May 17, 2024, 7:05pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957 "2024-05-17T19:05:56Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dylan\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/dylan_lee/32/7278_2.png) [@Dylan\_Lee](https://community.elfsight.com/u/Dylan_Lee)\
**Post date:** [May 17, 2024, 7:05pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/1 "2024-05-17T19:05:56Z")

</div>

- **Issue description:** We are trying to add actual videos into the Answer section of our FAQ. Can someone help me to accomplish this? I have limited knowledge on coding and HTML. Currently we just have links placed.

- **Link to the page with the widget in question:**

---

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [May 18, 2024, 3:32pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/2 "2024-05-18T15:32:05Z")

</div>

You can add Youtube Link. Elfsight FAQ will show it as Youtube Video. Something like this.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/1/d16be75af1e0ee711ee5271ef26a3fcdda665631.png)

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [May 20, 2024, 9:17am UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/4 "2024-05-20T09:17:01Z")

</div>

Hey @Dylan_Lee 👋

Yes, @tuanphan is absolutely right! If you want to display videos right in the Answer section, you just need to add a YouTube video link.

Try it out and let us know if it worked for you 🙂

---

<div class="post-metadata">

**Author:** ![Dylan\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/dylan_lee/32/7278_2.png) [@Dylan\_Lee](https://community.elfsight.com/u/Dylan_Lee)\
**Post date:** [May 20, 2024, 5:21pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/7 "2024-05-20T17:21:21Z")

</div>

Thank you @tuanphan & @Max However; when I place the link only it does not have the video, just a link. See attached.

 ![Screenshot (280)](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/b/c/bc8554a33f1ff358c2e5db8ac7dc9a81367537ad.png)

---

<div class="post-metadata">

**Author:** ![Dylan\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/dylan_lee/32/7278_2.png) [@Dylan\_Lee](https://community.elfsight.com/u/Dylan_Lee)\
**Post date:** [May 20, 2024, 5:22pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/8 "2024-05-20T17:22:00Z")

</div>

![Screenshot (281)](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/e/4e35cebb2be3c07f33bd958be9c9ba67aaa2feff.png)

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [May 20, 2024, 5:28pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/9 "2024-05-20T17:28:07Z")

</div>

@Dylan_Lee I’ve checked your widget and see that you haven’t enabled Display Video option on the Settings tab:

![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/a/ea97a06b1a7819ff00fc4736ac858c653936420e.png)

Please check it out and let me know if it helped 🙂

---

<div class="post-metadata">

**Author:** ![Dylan\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/dylan_lee/32/7278_2.png) [@Dylan\_Lee](https://community.elfsight.com/u/Dylan_Lee)\
**Post date:** [May 20, 2024, 5:28pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/10 "2024-05-20T17:28:09Z")

</div>

I tried a cleaner link from youtube as well but no luck.?

 ![Screenshot (282)](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/b/9/b98263427587075360aee84198a5e4de3f1b0eaf.png)

---

<div class="post-metadata">

**Author:** ![Dylan\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/dylan_lee/32/7278_2.png) [@Dylan\_Lee](https://community.elfsight.com/u/Dylan_Lee)\
**Post date:** [May 20, 2024, 5:29pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/11 "2024-05-20T17:29:44Z")

</div>

Yes! you are correct! Thank you @Max 😄 Is there a way to resize them?

---

<div class="post-metadata">

**Author:** ![Dylan\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/dylan_lee/32/7278_2.png) [@Dylan\_Lee](https://community.elfsight.com/u/Dylan_Lee)\
**Post date:** [May 20, 2024, 5:33pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/12 "2024-05-20T17:33:43Z")

</div>

@max, Also are we able to keep the answer text and have the videos below? It seems to remove the verbiage if I turn on Video Display.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [May 20, 2024, 5:43pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/13 "2024-05-20T17:43:12Z")

</div>

No problem!

I’ll check it with the devs and will get back to you tomorrow 🙂

---

<div class="post-metadata">

**Author:** ![Dylan\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/dylan_lee/32/7278_2.png) [@Dylan\_Lee](https://community.elfsight.com/u/Dylan_Lee)\
**Post date:** [May 20, 2024, 5:47pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/14 "2024-05-20T17:47:50Z")

</div>

Thank you @Max

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [May 21, 2024, 11:11am UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/15 "2024-05-21T11:11:08Z")

</div>

Thank you for waiting!

We’ve fixed the issue with the vide display below the text. As for the video size adjustment, we’ve added this code to the Custom CSS field on the Appearance tab of your widget’s settings:

```auto
@media (min-width: 300px) {
  .eapps-faq-content-category-item-answer-video-wrapper iframe {
    width: 50% !important;
  }

  .eapps-faq-content-category-item-answer-video-wrapper {
    padding-bottom: 28.125%;
  }
}

```

  

Check it out and let me know if you like the result 🙂

---

<div class="post-metadata">

**Author:** ![Dylan\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/dylan_lee/32/7278_2.png) [@Dylan\_Lee](https://community.elfsight.com/u/Dylan_Lee)\
**Post date:** [May 21, 2024, 6:50pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/16 "2024-05-21T18:50:34Z")

</div>

Hi @Max ,  
Thank you for your continued support. I logged in and saw the video was resized per your CSS. However we want to have up to 3 videos below the answers that would fit side by side. I tried to place 2 more video links in Q1 and it defaulted the 1 video back to full size. Can you help me to get my 1-3 videos below the answer text?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [May 21, 2024, 8:43pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/17 "2024-05-21T20:43:09Z")

</div>

@Dylan_Lee Please let me discuss it with the devs. I’ll get back to you once I receive a response from them 🙂

---

<div class="post-metadata">

**Author:** ![Dylan\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/dylan_lee/32/7278_2.png) [@Dylan\_Lee](https://community.elfsight.com/u/Dylan_Lee)\
**Post date:** [May 23, 2024, 7:18pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/18 "2024-05-23T19:18:07Z")

</div>

Hi @Max Just checking in to see if there are any updates.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [May 24, 2024, 9:58am UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/19 "2024-05-24T09:58:28Z")

</div>

Hi @Dylan_Lee 👋

Unfortunately, I haven’t got any news from our devs. I’ve requested an update and will get back to you once I receive a response from our dev team 🙂

---

<div class="post-metadata">

**Author:** ![Dylan\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/dylan_lee/32/7278_2.png) [@Dylan\_Lee](https://community.elfsight.com/u/Dylan_Lee)\
**Post date:** [May 27, 2024, 5:06pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/20 "2024-05-27T17:06:46Z")

</div>

Hi @Max 👋  
I just wanted to check in! We are excited to publish this improved version of our FAQ but just need to get the videos added. I appreciate your support and look forward to hearing back.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [May 27, 2024, 6:09pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/21 "2024-05-27T18:09:53Z")

</div>

Hi @Dylan_Lee 👋

Thank you for waiting!

The fix of the issue is on the review and is going to be released within this week. I’ll keep you updated 🙂

---

<div class="post-metadata">

**Author:** ![Dylan\_Lee](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/dylan_lee/32/7278_2.png) [@Dylan\_Lee](https://community.elfsight.com/u/Dylan_Lee)\
**Post date:** [June 4, 2024, 11:11pm UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/22 "2024-06-04T23:11:39Z")

</div>

Hi @Max, any updates for the release?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [June 5, 2024, 6:20am UTC](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957/23 "2024-06-05T06:20:11Z")

</div>

Hi @Dylan_Lee 👋

Apologies for the delayed reply!

The fix was finally released, so everything should be fine now 🙂

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/9/494d4076407374909f56d32f8bb0cd6b191204ca.png)

[Next page](https://community.elfsight.com/t/adding-iframe-youtube-videos-to-faq-answer-section/52957.md?page=2)