Skip to main content
D
dont70
Known Participant
July 29, 2013
Question

Help with youtube interaction and SWF output

  • July 29, 2013
  • 7 replies
  • 3034 views

I have done a project with embedded videos and when viewed in HTML 5 output they are fine.  When I look at the SWF output however it wants to squish the video to make space for some unattractive black bars at the top and bottom of the video.  I had already resized the widget to 640x360 to fit my 16:9 video and as I say it fits perfectly in the HTML output... any thoughts as to why this is happening are appreciated.  Captivate 7 obviously and tried in Chrome and firefox.

Example:

This topic has been closed for replies.

7 replies

F
freefullt66839543
Participant
September 5, 2015

I highly recommend Allavsoft which can directly download YouTube to SWF at http://www.allavsoft.com/how-to/download-convert-youtube-to-swf.html

M
Marcel Rainer
Participating Frequently
August 13, 2013

Hi Don,

I'm glad the fix works for you.

I just wanted to clear a few things with the way this widget works so that there is some clarity to the issue and the fix implemented.

Youtube API's used to handle this widget has a clear restriction on maintaining a 4:3 aspect ratio for the SWF that loads the videos. As the video player maintains a 4:3 ratio a 16:9 video automatically gets skewed to fit in that window causing it to load with black borders. This restriction is only for SWF objects and does not apply to the HTML5 version of the widget.

You can ask:

I have resized the widget onstage to a 16:9 ratio. Shouldn't this take care of the size and load video's with the aspect ratio that i have set on stage?

Ans: Well, there are 2 points that are importatnt here:

         - For the SWF ouput you are merely stretching the widget when you resize it on stage. You are not changing the aspect ratio of the widget. It still maintains a 4:3 ratio.

         - The HTML5 Version will take the resize as the aspect ratio that you intended. Which is why it works the way it does.

The fix implemented is made only for SWF as the HTML5 output sorts itself out if you maintain a 16:9 ratio while sizing your widget on stage.

Hope this helps.

Thanks and regards,

Marcellus

B
Bob Mack 94536
Known Participant
September 27, 2013

Just thought I'd chime in on this great discussion - the YouTube interaction with Captivate 7 is a tremendous tool that helps me get video content into HTML5 presentations that I would otherwise have to leave out. It would be terrific to see further development on this particular tool but I really appreciate it as it is.

Thanks!

Bob Mack

M
Marcel Rainer
Participating Frequently
August 12, 2013

Hi Don,

The YouTube interaction has been updated in the Captivate store. You should be able to see the update by relaunching Captivate 7.

Please feel free to reach out incase you are still having issues with the updated interaction.

Thanks,

Marcellus

D
dont70Author
Known Participant
August 12, 2013

Got it.  Thanks Marcellus. 

A little note to anyone stumbling across this, the fix does work, but you can't resize the widget to 16:9 ratio. Just tick the new option in the widget settings indicating that it is 16:9 footage and then size the widget to the desired width - but keep constrain proportions ticked so it remains in a 4:3 ratio.  The widget will sort itself out at run time and indeed does display 16:9 video correctly in a SWF.

Cheers to Adobe for a quick fix for this.  Not perfect since there is a discepancy between HTML 5 output and SWF output.  But pretty good for a quick fix.

Cheers,

Don

M
Marcel Rainer
Participating Frequently
August 7, 2013

Hi Don,

An update to the widget is being implemented, the update will cater to this issue. We will get this out as soon as possible.

Thanks,

Marcellus

D
dont70Author
Known Participant
August 7, 2013

Thanks for the update Marcellus.  That is great news. 

HimanshuSatija
Adobe Employee
HimanshuSatija
Adobe Employee
August 5, 2013

Hello Don ,

The Scalable HTML content option is off by default ,Please check the option of Scalable HTML content at the time of Publishing and check the ouput.

Thanks and Regards

Himanshu Satija

D
dont70Author
Known Participant
August 5, 2013

Himanshu,

Thanks for the idea, but unfortunately it didn't make any difference to the Youtube widget within the SWF file.  My understaning is that checking that box just makes the whole swf scalable within the display html page.  I don't think it impacts individual objects within the SWF.

B
BELLKevin
Inspiring
August 5, 2013

I am having the same problem and would love to hear any workarounds/solutions to this. Those black bars are not only visually annoying or distracting, but they also eat up valuable real estate (especially critical for me since we're developing for 800x600).

D
dont70Author
Known Participant
August 5, 2013

Is no one using this widget.  I can't believe I am the only one having this issue.  I see from the embed code I can get on a right click that it is sending 640x360 from youtube.  Do you think it is not recognising the true dimentions of the resized container - so is putting the bars on?

Cheers,

Don

AnitaHorsley
AnitaHorsley
Inspiring
August 5, 2013

First you said you embedded video and then you said "I had already resized the widget to 640x360"  Are you using the YouTube widget?

I'm unclear of exactly how you inserted the video? If you are inserting a video, did you insert at Event video or Multi-slide synchronized video?

D
dont70Author
Known Participant
August 5, 2013

Hi Anita,

Sorry for the mixed language.  I suppose I was using Youtube language, but yes, what I mean is that I am hosting on youtube and using the youtube widget to embed into the project.  It is fine when exported in HTML 5 because it is using an HTML 5 player, but of course it uses the flash player when exported as flash and there in seems to lie the problem.

I rewatched the Adobe promo 'how to' video and I noticed that she left the video in 4:3 ratio and accepted the black bars - of course her example project was against a chalkboard background so it wasn't that noticable. 

So I guess the question is, is it a problem with the widget resizing to 16:9 with swf output?

Thanks for any insight you can offer.

Don

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices