HTML iframe won't display content

HTML-CSS
1

I am using Inkscape to create slides detailing a tutorial. I uploaded the slides to Sozi so I could make them fade in/out and look nicer. I have done this before with a Sozi presentation and it worked perfectly. Here is the code from the working presentation:

<iframe src="lessonFlow3.sozi.html">
	Sozi presentation here
</iframe>

Here is the code from the presentation that is not working:

<iframe src="planLessonMovie.sozi.html"> 
	Planning movie here 
</iframe>

Here is the CSS I have to format the iframe tag:

iframe {
	border: 1px solid black;
	width: 100%;
	height: 550px;
}

And finally, here is a screenshot of what the problem presentation is displaying like on my web page.

Screen Shot 2020-06-05 at 11.50.11 AM
Screen Shot 2020-06-05 at 11.50.11 AM1224×660 6.05 KB

Anything helps!! Thank you

2

Hi @anneward

I had the same problem. I just follow these tips from google and it work.

  1. On a computer, go to the YouTube video you want to embed.
  2. Under the video , click SHARE .
  3. Click Embed.
  4. From the box that appears, copy the HTML code.
  5. Paste the code into your blog or website HTML .