Trying to get SWF file to play in HTML 5

Posted on 2011-10-10
Last Modified: 2012-05-12
I am trying to get a SWF file to play in HTML 5, using the code below:
<video width="650" height="90" controls="controls" src="CarePlanners6.swf" type="application/x-shockwave-flash" >
 Your browser does not support the video tag.

<video controls="controls">
<source src="CarePlanners6.swf" type="application/x-shockwave-flash" preload="auto" width="650" height="90" codecs="" />  
 Your browser does not support the video tag.

Open in new window

The result is this:

... a black empty box, with an X in the middle (in MSIE 9). The web server is configured to serve MIME type application/x-shockwave-flash.

Is there a way to get HTML 5 to render a SWF file?

Thanks for any advice.

Question by:Eric Bourland
    LVL 7

    Accepted Solution

    Hi, I would try to add some player:
    LVL 29

    Assisted Solution

    Yes you can embed SWF into your page using JavaScript
    LVL 3

    Author Comment

    by:Eric Bourland
    Guys, thanks for these ideas. I think I could get either solution to work, and I am glad to know about both solutions. I don't think that HTML 5 natively supports SWF files, which is too bad. In the end I used the plain old OBJECT tag code to implement the Flash files. I'm going to close this question and split the points. Thank you again for your time and help.


    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Course: HTML5 Mobile App Development with PhoneGap

    PhoneGap can help you leverage your already existing HTML5, JavaScript, and CSS skills in order to create and deploy cross-platform mobile apps.This program comprehensively covers HTML5 mobile app development from top to bottom.

    Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
    Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
    In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
    The goal of the tutorial is to teach the user how to select which audio input to use. Once you have an audio input plugged into the laptop or computer, you will go into the audio input settings and choose which audio input you want to use.

    761 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    10 Experts available now in Live!

    Get 1:1 Help Now