www.webdeveloper.com
Results 1 to 6 of 6

Thread: confused with flv/swf formats

  1. #1
    Join Date
    Feb 2005
    Posts
    76

    confused with flv/swf formats

    Hi,

    I am trying to put a .flv file on my webpage. I finally figured out how to get it working, but I am trying to tweak it.

    In the left column of the web page:

    http://www.sitesbysarah.com/Bailey/index.htm

    I have two videos stacked on top of each other. The first video is a .swf file and I really like the way it opens up in it's own sized box (this code was given to me with the file).

    The 2nd video (has a yellow arrow pointing at it) is a .flv file and I am trying to figure out how to get it to display like the .swf file above it does.

    I really don't understand why you can't just use the same code, but inter change a .swf file or a .flv file. I tried, but it didn't work. So I scoured the web looking for something that would play my .flv file, but not really happy with the way it looks.

    Any help would be appreciated.

    Thanks,
    sarb

  2. #2
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    Your problem with the display has nothing to do with whether the file is a .swf or a .flv. The small display window is set using Javascript, as you can see in the “onclick” event:
    Code:
    <div id="book"> <a href="javascript://" onclick="window.open('images/The_Key_To_Amazing_Health.swf','','width=400,height=318,resizeable=no,toolbar=no,status=no,menubar=no,scrollbars=no')">
    Want you want is something like this?
    http://www.cidigitalmedia.com/web_de...ond_video.html
    The Javascript is just opening an html page in a certain size window. Code would look something like this
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Second Video</title>
    </head>
    <body>
    <div id="second_video">Second video goes here<a onclick="Javascript:window.open('http://www.sitesbysarah.com/Bailey/ultrametabolism.htm','_blank','height=310, width=360,resizable=no');return false;" href="http://www.sitesbysarah.com/Bailey/ultrametabolism.htm">CLICK HERE TO WATCH</a><br /><br />
    </div>
    </body>
    </html>
    Copy and adapt as you see fit.
    As for the question of .swf or .flv… they are nothing alike, except that they are used by Flash. The swf is a proprietary, compiled file, sort of a self contained program that runs in a Flash player.
    The .flv is a container file format (sort of like a box) which contains both an audio file inside it and a video file inside it. That’s all… there’s nothing inside it to play those 2 files.
    Best wishes,
    Eye for Video
    www.cidigitalmedia.com

  3. #3
    Join Date
    Feb 2005
    Posts
    76
    Thank you for the code Eye for Video. This has been driving me crazy. Can you recommend any good reference material to understand this area better? I'm not intereted in making my own video, just incorporating it into web design.

    Thanks,
    Sarb

  4. #4
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    Well you may have heard of "Flash" web sites... but really, there are no Flash web sites, only web sites with Flash content. So to best incorporate Flash into Web pages, you really need to study how Web pages are constucted and controlled (with CSS, Javascript, etc.). Here is a starting point:
    http://www.w3schools.com/
    When placing Flash on Web pages you should also look into using "swfobject.js". This will allow you to create alternate content in html which can be indexed by Google and other robots and spiders. So for example, you could write a short narrative about the video, and for viewers without Flash and Google robots, they would read your narrative. Viewers with Flash would see the video. But since Google has read the story, the content would be indexed as belonging to that Web page.
    http://www.adobe.com/devnet/flashpla...swfobject.html
    Best wishes,
    EfV

  5. #5
    Join Date
    Jan 2009
    Posts
    88
    You can play SWF video on your webpage but the loading time will be very slow... the reason FLV is used if for video streaming purpose, so video starts to play as soon as sufficient buffering is done (e.g. first 5&#37; of video). All those video sites such as Youtube are using FLV. You can use some flash video player software to ease this process as they can convert your videos to FLV then create a video player code with different skinss automatically. You can use the default on in Adobe CS 3 too. But with only 1 skin.

  6. #6
    Join Date
    May 2009
    Posts
    3

    Hello - sorry for posting in the reply section

    It says I can post a new topic but I don't have anything but a reply to thread button.

    MajorHart

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles