WEB PAGE in IFRAME not working

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: WEB PAGE in IFRAME not working

faqirgulzeb pro asked 6 years ago

I am a MDB PRO user I just want to use Iframe to show my other website product pages on my website in iframe view but iframe is working only for videos not for webpages, PLEASE HELP..! Example is given below 
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/v64KOxKVLVg" allowfullscreen></iframe>
</div>

Jakub Mandra staff premium answered 6 years ago

Hello, I'm Jakub from MDB. Thank you for reaching out.   Our embed utility is providing custom styling and responsiveness, but still it works as regular HTML tag. Your problem is strictly connected with origin of your page. Some pages are blocked from embeding. I invate you to further reading abut it here: https://forums.realmacsoftware.com/t/certain-url-is-not-loading-in-iframe-cant-figure-out-why/12400/8   Hope I could help. Best regards, Jakub from MDB

faqirgulzeb pro commented 6 years ago

Hello Jakub, I read the problems but still in my case its working other then MDB you can see in the link below even this simple one is not working. https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe

Jakub Mandra staff premium answered 6 years ago

Hello, In snippet which u send, does the message "Your browser does not support iframes." appears?   Best regards, Jakub from MDB  

faqirgulzeb pro commented 6 years ago

No, such message appears only white box appears blank.

Jakub Mandra staff premium answered 6 years ago

It seams that you have problem with X-Frame-Options set to Deny. Please try another browser to preview some iframe snippets. More obout X-Frame-Options here: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options   Best regards, Jakub from MDB  

shopperspk answered 5 years ago 

<div class="embed-responsive embed-responsive-16by9">

<iframe class="embed-responsive-item" src="[https://www.youtube.com/embed/v64KOxKVLVg" allowfullscreen][1]></iframe>  [1]: https://www.shopperspk.com/

</div>

This code will works perfectly in your html5 web page

Marta Szymanska staff pro premium commented 5 years ago

Hi,

I'm glad you solved this.

Best, Marta
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
About author
faqirgulzeb
Pro User
11Support score
7Questions 0Answers
0Snippets likes 0Snippets