Skip to main content
WIEZZY
WIEZZY
Inspiring
December 21, 2011
Question

Video resizing from the browser?

  • December 21, 2011
  • 1 reply
  • 3178 views

Hi,

I honestly don't know if this can be fixed within Cp, or if its soley an issue with the browser, but either way, if anyone knows or can direct me to the answer, I would be infinitely grateful...

I am publishing my Cp project and putting it online (Blackboard.com, if that matters), which works fine. The problem is that depending on what resolution the students' monitors are, the video may turn out to be too big or too small. The temporary (but bad) solution I thought of is to post two or three links on Blackboard (Bb), each with a different resolution that the student can choose based on their screen resolution. Here's the key thing that's driving me: A couple months ago, we had it so that when the browser was resized, it resized the Cp video with it. As a result of this, when the browser was full-screen, the Cp video was full-screen within the browser, i.e., no matter what resolution the student had, the Cp video would adjust to it. Here's the problem: For some reason, that stopped happening, and now, the video can't be resized at all within the browser. I know a lot about Cp, but practically nothing about integrating it with websites and stuff, so I'm yet to find out how to reproduce my past success. This is the only major problem with our system so far, and needs to be solved before we can launch, so if anyone can point me in the right direction, it would make me (and my boss) very happy.

Thanks.

This topic has been closed for replies.

1 reply

Lilybiri
Lilybiri
Legend
December 21, 2011

Are you putting the SWF on BB or do you upload a package that contains not only the SWF but also the companion JS and HTML-files?

In the last case, you can change the HTML-file and replace the fixed width/height by 100%.  Beware: resizing to another size than the original always results in quality loss.

Lilybiri

WIEZZY
WIEZZYAuthor
Inspiring
December 21, 2011

I upload all three files. Here is what the first frame of the video normally looks like, for reference:

Based on what you said, I opened the HTML file in Notepad and changed...

          var so = new SWFObject("Unit 2.swf", "Captivate", "1281", "985", "10", "#CCCCCC");

to...

          var so = new SWFObject("Unit 2.swf", "Captivate", "100%", "100%", "10", "#CCCCCC");

When I did that, the first slide looked like this:

...and changing the size of the window doesn't affect the size of the video. Any idea why this is happening?

WIEZZY
WIEZZYAuthor
Inspiring
December 21, 2011

Disregard the last message. I followed these instructions, written by Jim:

http://captivatedev.com/2011/08/28/scaling-adobe-captivate-content-across-browsers/

...and now the results all look like the first pic above, but they still don't resize at all. Here's the entire new HTML script:

<!-- Copyright [2008] Adobe Systems Incorporated.  All rights reserved -->

<!-- saved from url=(0013)about:internet -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title></title>

<script src="standard.js" type="text/javascript"></script>

<style type="text/css"> html, body, #CaptivateContent { height:100%; }

body { text-align:center; margin:0; padding:0; overflow:hidden; }

</style>

</head>

   

   

<body   bgcolor="#f5f4f1">

     

    <div id="CaptivateContent"> 

    </div>

    <script type="text/javascript">

       var so = new SWFObject("Unit 2.swf", "Captivate", "100%", "100%", "10", "#CCCCCC");

        so.addParam("quality", "high");

        so.addParam("name", "Captivate");

        so.addParam("id", "Captivate");

        so.addParam("wmode", "window");

        so.addParam("bgcolor","#f5f4f1");

        so.addParam("menu", "false");

        so.addVariable("variable1", "value1");

        so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");

        so.write("CaptivateContent");

    </script>

     

    <script type="text/javascript">

        document.getElementById('Captivate').focus();

        document.Captivate.focus();

    </script>

</body>

</html>

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