SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict
    Join Date
    Sep 2003
    Location
    India
    Posts
    263
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Flash Video as Body Background ?

    Hello:

    I gone through many forums and websites but didnt find a solutions or example script to use Flash .FLV video as XHTML page BODY Background.

    We are building a site based on one popular CMS. We need to show one Flash Movie in our website as a body background rather then using traditional Image as Body background. On top of the movie, we will show our content in normal DIV based CSS/HTML. We are building this site based on XHTML Strict standard.

    My first question is, is this possible ? If it is possible, then can anyone guide me using this script ?

    Thanks.

    - Experienced WordPress Consultant.
    - Get website design done by Anblik Web Design Company.
    - Collection of Top Free Online Website Builder.
    - Collection of Free Online Website Usability Testing Tools.

  2. #2
    Community Advisor silver trophy

    Join Date
    Nov 2006
    Location
    UK
    Posts
    2,554
    Mentioned
    40 Post(s)
    Tagged
    1 Thread(s)
    It's possible but there'd be an issue with bandwidth and also cpu use - playing back video at the resolution of the typical desktop nowadays will consume a fair amount. If you have to do this, I'd monitor frame rate in the playback swf and if it drops too low, disable this feature. I'd likely disable video smoothing and set the stage aliasing quality to low too.

  3. #3
    SitePoint Addict
    Join Date
    Sep 2003
    Location
    India
    Posts
    263
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for your reply. I do understand the issue related to usage of FLV. If I use SWF file like one example I found here thesquarefestival.com. If you can guide me on writing the Flash Video background script, that would be great.

    - Experienced WordPress Consultant.
    - Get website design done by Anblik Web Design Company.
    - Collection of Top Free Online Website Builder.
    - Collection of Free Online Website Usability Testing Tools.

  4. #4
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    WebCrawler, you could embed the flash in the normal method, but give it an absolute position and stretch it to 100% width and height (then layer the normal HTML over the top using z-index positioning (like what ringvemedia.com does with an IMG element to span the full screen size), that should give you the effect you need, though I would advise against what your attempting, audio in the background which autoplays is a bad idea and video will distract from the content causing a serious accessibility (in terms of cognitive disability) and usability conflict... some people just can't stomach trying to read when stuff is moving in the background.

  5. #5
    SitePoint Addict
    Join Date
    Sep 2003
    Location
    India
    Posts
    263
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello AlexDawson:

    You got it right. The example which you give is just like what we are trying to achieve but in place of that background image, we will be using one small looping video, a sea wave.

    Site owner is not much concerned with accessibility issues. Yes, using z-index positioning we can place the content on top of the Background Flash.

    My concern is with different monitor resolutions. While exporting that flash video file, what should be the Width and Height ratio, so that the flash video adjust the size proportionally based on monitor resolutions.

    - Experienced WordPress Consultant.
    - Get website design done by Anblik Web Design Company.
    - Collection of Top Free Online Website Builder.
    - Collection of Free Online Website Usability Testing Tools.

  6. #6
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    Well that's where you would absolutely position it to the top left hand side of the screen and apply 100% width and height to it... if it's scaled in percentages it'll resize with the window (as I mentioned). As for accessibility, you should be promoting it, not waiting for clients to request it, it's not exactly a "feature", it's the difference between lots of customers and a lot less customers, you would be supprised how disloyal customers can be when they encounter bad sites


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •