Skip to main content
Participating Frequently
February 4, 2016
Question

load in iframe off center, capitvate video cutoff

  • February 4, 2016
  • 1 reply
  • 393 views

I am loading captivate 8 videos into an iframe on a webpage.  I have built the videos using a template.  Some of the videos load properly - fit completely within the frame, many are shifted to the right, or are cutoff at the bottom.  This happens on both large desktop screens and ipads.  All content is html5 only and is 1024 X 728.  Any suggestions on how to try to troublshoot/correct?

This topic has been closed for replies.

1 reply

TLCMediaDesign
Inspiring
February 4, 2016

That's pretty tuff to tell. Is your iframe adjusting to dimensions of the video?

Why are you using an iframe instead of video tag?

RDSTUDYAuthor
Participating Frequently
February 4, 2016

The iframe is behaving correctly as it adjusts properly based upon the device/screen size, but does not hug the video - there seems to be about 10 pixels of padding on the right and left - when the videos play correctly.  I can live with that.  The video, when misbehaving, seems too large for the iframe/screen and is off center as white space is either to the left or on top and the video itself is cutoff - as if it extends past the iframe.

I am not using a video tag because the output file that the iframe calls is index.html. 

Suggestions on how to convert the typical output of captivate 8 into a video file so a video tag could be used?  I would not be against it as I actually do not need the interactivity of what captivate offers.

Thanks for your help!

TLCMediaDesign
Inspiring
February 4, 2016

So you are not playing a video in the iframe, you are running a Captivate project.

A CP project runs centered, you would need to remove the css that centers and remove any margins and borders.