Streaming Flash videos stutter, slows page load times

Discussion in 'Web Design and Development' started by cwright, Mar 5, 2010.

  1. cwright macrumors 6502a

    Joined:
    Jan 5, 2004
    Location:
    Missouri
    #1
    Hello everyone,

    I'm trying to find the best way/settings to use for preparing Flash videos to replace the existing Quicktime videos on my website, but so far I can't get smooth playback with Flash content, even when the file sizes are smaller than the Quicktime files that play just fine.

    Current site: Quicktime video, 22.7mb.

    Test page: Flash video, 14.2mb

    In my tests, the current page with the Quicktime file streams just fine. The Flash video makes the whole page load slower, and then doesn't play smoothly. What am I doing wrong?

    The reason I'm interested in switching to Flash, is that I'm using a Flash-based drop-down menu, and it's interfering with Quicktime video content on my site – the menu always drops behind the video. With Flash, the menu will drop down on top of the video, as you can see on the test page when you go to Corporate Marketing > Web Design (on my current page I've pushed the video down on the page a bit to avoid this problem for now).

    I'm using the MaxiMenu plugin for Dreamweaver. I contacted them about the issue, and they offered a code to wrap my Quicktime video content in, changing it's z-index to move it underneath the Flash menu. This seemed to work, but then I lost functionality with the playback controls.

    I also contacted my hosting service and they just told me to cut the bitrate and framerate of the video to make it play more smoothly. I hesitate to believe this is necessary when my 29.97 fps/1000kbps Quicktime video plays with no issues.

    So, now I turn to MacRumors! Can anyone offer a better solution?

    Much appreciated!
     
  2. MrCheeto macrumors 68030

    MrCheeto

    Joined:
    Nov 2, 2008
    #2
    So what else is new?
     
  3. samwich macrumors regular

    Joined:
    Aug 5, 2007
    #3
    Look into changing the wmode of the flash object to get it to display above/below other content
     
  4. Consultant macrumors G5

    Consultant

    Joined:
    Jun 27, 2007
    #4
    You do know flash is on the way out?

    You can just upload it to Youtube which will transcode into both flash and iPhone capable video.
     
  5. cwright thread starter macrumors 6502a

    Joined:
    Jan 5, 2004
    Location:
    Missouri
    #5
    I suppose so, but I'm not a fan of Youtube's embedded video interface. If I can figure out the wmode layering as samwich mentioned, I'd rather do that and keep my Quicktime videos.
     
  6. DaReal_Dionysus macrumors regular

    DaReal_Dionysus

    Joined:
    Jan 9, 2009
    #6
    Flash isn't going anywhere any time soon. Regardless of what Steve Jobs says. If any thing flash is going to incorporate better play black and increase it's abilities of H264. HTML5 will not be ready for some time and then everyone has to get up to speed on it. This statement is utter nonsense.
     
  7. memco macrumors 6502

    Joined:
    May 1, 2008
    #7
    I'd recommend using around 12-15fps. From I recall, most flash videos are in that range. I don't remember what I did for bitrate, but I tried to keep that fairly low too. This is based on settings I used for videos that were about an hour long. Maybe you could use higher settings for shorter videos. For me, the issue was that videos were gonna be huge if I used higher settings. If you don't have ffmpegx, get a copy and export with a variety of settings and compare.
     
  8. Groovetube macrumors member

    Joined:
    Jul 19, 2008
    #8
    yup. Utter nonsense.

    Actually, to the OP, I tested both your pages here, and the one with the lfash video, loaded way faster, and was actually better. the quicktime page the page content was waaaay slower coming down.

    Often when I code up video players in hybrid pages,, I put in a small delay before my player starts actually loading the video to give the html content time load in. Just a small thing to make things go well.
     

Share This Page