Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
ADOBE DREAMWEAVER:HomeDreamweaver ForumDreamweaver TutorialsFAQAdobe FlashWeb Design

How to make SWF background adjust to every screen resolution

COW Forums : Adobe Dreamweaver

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Share on Facebook
Christan DavidHow to make SWF background adjust to every screen resolution
by on Aug 15, 2012 at 5:33:26 am

Hello,

I'm trying to make a website with a video playing on the background. I converted my video to swf file with video size of 1920x1080(original size) and then I embedded it to Dreamweaver with this code I found on the net:

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">

<title>First</title>

<style>
html,body {
height:100%;
margin:0;
}
#swf-holder {
height:100%;
}
#swf-holder object {
display:block;
width:100%;
height:100%;
}
</style>

</head>
<body>

<div id="swf-holder">
<object type="application/x-shockwave-flash" data="yourmovie.swf">
<param name="movie" value="yourmovie.swf">
</object>
</div>

</body>
</html>





My problem now is that the video background seem to have a black space on the sides. It does fit correctly vertically though because it reaches the top and bottom sides.

I'm not really sure what the problem is. Is it the size of the SWF file? If so, what should the size be?

Any help would be greatly appreciated. Thanks in advance! :)


Return to posts index
Reply   Like  

Norman GreenwoodRe: How to make SWF background adjust to every screen resolution
by on Aug 15, 2012 at 7:01:06 am

What is the size of the website you have embedded into? If your screen resolution isn't at 1920x1080, it may be trying to conform to the dimensions you do use.

Is there a chance it's already on the web, then I can check it and see what might be going on as I don't know if my thoughts would necessarily be the problem...


Return to posts index
Reply   Like  

Christan DavidRe: How to make SWF background adjust to every screen resolution
by on Aug 16, 2012 at 2:30:29 am

Norman, this is all I've got for now http://jeannevillegas.com/webtrial/
I'm using screen resolution 1600x900 but I find that even if I change the resolution through the Control Panel I still get the black spaces on the sides.

Thanks for the quick reply! :)


Return to posts index
Reply   Like  


Norman GreenwoodRe: How to make SWF background adjust to every screen resolution
by on Aug 16, 2012 at 5:38:21 am

So I do believe the whole background is the SWF because if I try to right-click and inspect elements on FF or Chrome, it just gives me Flash options.

Another quick question, is the SWF background absolutely necessary? I am currently in Indonesia and all they have is DSL. The video is extremely slow for me, so I imagine other places in the world will have the same problem.

That being said. The first thing I noticed is that the file is over 20MB. This is going to take quite a while to load and will be noticeable even in the US. Second, I think you'll find no matter what you resolution, or the browser size, you will always have black bars either on top or bottom.

My suggestion, use CSS image sprites and CSS3 animation. I would take out a very short part of the clip and turn into frames. You would then create a CSS image sprite with all those frames, and animate them with CSS3. You could then optimize the image for faster loading time, and it should be just fine. The only remaining problem will be filling up the screen, which you really can't do anything about as this will depend on the people viewing, not you.


Return to posts index
Reply   Like  

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
Share on Facebook


FORUMSTUTORIALSMAGAZINESTOCKYARDVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2013 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]