• Registered: 29 Dec 2011
  • Posts: 2

Topic: iframe Video not where it should be.

Hi all,

I have got a website that I am designing for a client that would like to upload videos that he has shot from vimeo.  So because I am not sure how many videos there will be overall I added an iframe to the page.  I then defined it as an editable area and embedded the code for vimeo, but when I publish it - it moves to the top of the page.  It doesn't work like this if I just put a box and define that as an editable area....  Any ideas.  To see what I mean go to www.simpl-e.im/johncraine/showcase.html.  The video should be under Showcase (which it is currently hiding).

Thanks, Claire.

  • Registered: 21 Dec 2010
  • Posts: 295

Re: iframe Video not where it should be.

Hi Claire, you can't edit an iFrame like that. The system can't edit pages within an iFrame. You need to enter the URL to the iFrame page into the SimpleCMS address bar - next to the Sitemap button.

I don't understand why an iFrame has been used here. I would have thought you would have a DIV which contained the Vimeo embed code, for example:

<div id="videos" class="edit">
     <!-- vimeo embed tags go here -->
</div>

Then your client can edit that DIV and keep adding more and more videos and the page will get longer as you add more videos. If you are wanting to restrict the height of this area then you could specify a height on the DIV and se the overflow to auto so if the contents of the DIV are longer than the height of the DIV then a scrollbar would be added to the DIV - this will remove the need for using an iFrame.

  • Registered: 29 Dec 2011
  • Posts: 2

Re: iframe Video not where it should be.

Thanks Simon, I use Web Plus and do not really know HTML coding too well - I can read but can't write unfortunately.  Found where it is supposed to go and hopefully have that as a solution.  Fingers crossed he likes it so I can get on with upgrading to the proper one when the downloadable version is released.  Thanks again.