Title: Error in embed iframe
Last modified: November 1, 2025

---

# Error in embed iframe

 *  [feelwacom](https://wordpress.org/support/users/feelwacom/)
 * (@feelwacom)
 * [7 months, 1 week ago](https://wordpress.org/support/topic/error-in-embed-iframe/)
 * ![](https://wordpress.org/621f8f98-cd1f-4ca4-b9f8-a8f4c82232ab)
 * It seems that any embed files like canva it displays that error empty material.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ferror-in-embed-iframe%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Support [brianvu-tp](https://wordpress.org/support/users/briantp/)
 * (@briantp)
 * [7 months, 1 week ago](https://wordpress.org/support/topic/error-in-embed-iframe/#post-18704361)
 * Hi feelwacom,
 * Thank you for reaching out!
 * To help us replicate this issue and find the exact solution, could you please
   tell us the **specific file format or embed method** you are using for the material(
   e.g., .pdf, pptx, .svg,…)?
 * Once we know the exact format or embed method you are using, we can test it and
   provide you with the most accurate fix.
 * We look forward to your response!
 * Best regards,
   Brianvu-tp
 *  Thread Starter [feelwacom](https://wordpress.org/support/users/feelwacom/)
 * (@feelwacom)
 * [7 months, 1 week ago](https://wordpress.org/support/topic/error-in-embed-iframe/#post-18704457)
 * like canva or YTembed or any external link:
 *     ```wp-block-code
       <div style="position: relative; width: 100%; max-width: 960px; aspect-ratio: 16 / 9; margin: 0 auto;">  <iframe     src="https://www.youtube.com/embed/iLOLKZDgN64"     frameborder="0"     allowfullscreen    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;">  </iframe></div>
       ```
   
 *     ```wp-block-code
       <div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%; padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; border-radius: 8px; will-change: transform;">  <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"    src="https://www.canva.com/design/DAG3dUx9mJU/9FRw2KDfLVD_uYZdsd7EbA/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">  </iframe></div><a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAG3dUx9mJU&#x2F;9FRw2KDfLVD_uYZdsd7EbA&#x2F;view?utm_content=DAG3dUx9mJU&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener"></a>
       ```
   
 *  Plugin Support [brianvu-tp](https://wordpress.org/support/users/briantp/)
 * (@briantp)
 * [7 months, 1 week ago](https://wordpress.org/support/topic/error-in-embed-iframe/#post-18705828)
 * Hi feelwacom,
 * Thank you for providing the HTML embed codes!
 * The issue you are likely running into is that embed codes (like the ones from
   Canva and YouTube) should be placed directly into the **Lesson Content area**,
   not in the **Materials** section of the Lesson Settings.
 * The **Materials** setting is typically reserved for file uploads (like PDF, DOCX,
   etc.) or direct file URLs, as defined in [LearnPress > Settings > Courses > Material Settings](https://prnt.sc/Bj38aemiMj7T).
   It is not designed to render complex HTML iframes.
 * Please try the following steps to add your embed code:
 * Navigate to the lesson you are editing. Depending on your WordPress editor, follow
   one of these methods:
    - **If you are using the Classic Editor:** Switch the lesson content box from**
      Visual** mode to** **[Code mode](https://prnt.sc/Q91iC83iNnVK), and paste 
      the full HTML embed code (including the `<iframe>` tags) there.
    - **If you are using the Gutenberg Editor:** Add a [Custom HTML block](https://prnt.sc/IPlWQsRERy4f)
      to the lesson content area, and paste your full [embed code](https://prnt.sc/veUZk4Tc5UMk)
      into that block.
 * After you place the HTML code directly into the **Lesson Content**, please [view the lesson on the frontend](https://prnt.sc/OAFsnDXNCrxL)
   and confirm that your Canva and YouTube embeds are displaying correctly instead
   of showing the “empty material” error.
 * If the embed codes still do not display correctly inside the Lesson Content, 
   please try one more test: temporarily **switch your theme** to a default WordPress
   theme (like **Twenty Twenty-Five**) and check the lesson again. This will help
   us rule out a conflict with your current theme.
 * Please let us know the result!
 * Best regards,
   Brianvu-tp
 *  Thread Starter [feelwacom](https://wordpress.org/support/users/feelwacom/)
 * (@feelwacom)
 * [7 months, 1 week ago](https://wordpress.org/support/topic/error-in-embed-iframe/#post-18705900)
 * The links are missing not working at all
 *  Plugin Support [brianvu-tp](https://wordpress.org/support/users/briantp/)
 * (@briantp)
 * [7 months ago](https://wordpress.org/support/topic/error-in-embed-iframe/#post-18707223)
 * Hi feelwacom,
 * Thank you for trying the suggestions.
 * Since you’ve confirmed that the standard HTML embed method isn’t working, this
   suggests a **deeper conflict**.
 * Investigating this complex issue requires us to securely access your site environment
   for debugging, which we cannot do on this public forum due to community rules
   and security policies.
 * To help you troubleshoot and resolve quickly, we recommend that you create a 
   private support ticket through our official forum:
    1. Please [visit](https://wordpress.org/plugins/learnpress/) our official helpdesk
       and click on the [“Support”](https://imgbb.com/FbC0zxS) and follow the instructions
       in [this video](https://drive.google.com/drive/folders/181y3d1VwuovxcElHvXTaPhQglQZPhgyK?usp=sharing)
       to create your ticket.
    2. When creating the ticket, please use the title: **“feelwacom – Error in Embed
       Iframe”**
 * Our development team will be able to take a closer look at your environment and
   provide the best possible solution.
 * Thank you for your understanding!
 * Best regards,
   Brianvu-tp

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Error in embed iframe’ is closed to new replies.

 * ![](https://ps.w.org/learnpress/assets/icon-256x256.gif?rev=3254420)
 * [LearnPress - WordPress LMS Plugin for Create and Sell Online Courses](https://wordpress.org/plugins/learnpress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/learnpress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/learnpress/)
 * [Active Topics](https://wordpress.org/support/plugin/learnpress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/learnpress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/learnpress/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [brianvu-tp](https://wordpress.org/support/users/briantp/)
 * Last activity: [7 months ago](https://wordpress.org/support/topic/error-in-embed-iframe/#post-18707223)
 * Status: not resolved