Azharkamar.com

How to Insert Flash into an Article in Joomla 1.6

Tutorials
25 Apr 2011
25 comments

I just started using Joomla 1.6 a week ago and I love the enhancements in the administrator backend. There was one problem though – inserting flash into an article was really killing me. TinyMCE kept on messing up my code after I saved the article.

I tried many different settings but still somehow I can’t seem to successfully display that damn flash object in a Joomla article. I finally found the solution which was just a click away, but annoyingly so difficult to find.

Instructions

Ok, so here’s how you insert media (Flash, Quicktime, Shockwave, etc) into an article in Joomla 1.6. I assume a fresh installation of Joomla 1.6, so I’m gonna be thorough on the steps.

  1. Login to your administrator backend
  2. Go to Extensions > Plug-in Manager > Editor – TinyMCE
  3. Under the Basic Options panel on the right hand side, click the Functionality drop down list and select Extended. Now click Save & Close.
  4. Now log in to your site’s FTP and create a folder called ‘flash‘ in the root.
  5. Upload an SWF file into the flash folder.
  6. Test whether your flash movie plays in this URL – http://your-domain.com/flash/flashfile.swf. If it does, excellent. You’re almost done.
  7. Now back to the Joomla administrator backend and go to Content > Article Manager > Options (on the top right).
  8. Under the Text Filters tab, change all Filter Type values to No Filtering and then click Save & Close. This was the step that took me so long to figure out.
  9. Now you should be in the Article Manager: Articles page. Click New to create a new article (or select an article you have already created).
  10. Click the Insert/edit embedded media icon in the TinyMCE editor to bring out the modal box.
  11. Under File/URL, enter the URL you used in step 6 (http://your-domain.com/flash/flashfile.swf). Enter the respective dimensions and click Insert. You should see a yellow box in the TinyMCE editor.
  12. Now save your article and view it in the front end. Your flash movie should now be playing.

joomla-16-flash-article

Good luck!

Author - Azhar Kamar
25 Comments Revolving around this Article
  1. sisco

    Thanks Kamar. nice posting and it work !



    Azhar Kamar replied:

    @sisco, welcome!

  2. kamal

    Azhar Kamar, you said you managed to solve it pls show me how .
    thanks in advance

  3. kamal

    hi
    i have faced the same probleme with swf files as ”Erik” said.
    i have followed all the mentionned steps in this article yet i couldn’t fix the probleme pls help.

  4. Sean

    THANK YOU!!!!!



    Azhar Kamar replied:

    @Sean, WELCOME!!!!!

  5. Dawn

    Thank you so much – it was the no-filtering that did it!



    Azhar Kamar replied:

    @Dawn, yes it was!

  6. Natasa

    Thank you sooo much! It worked perfect for me.



    Azhar Kamar replied:

    @Natasa, you’re welcome!

  7. Erik

    Hi, thanks for the solution, but my problem remains , i did all the steps , but when i try to see the web, it still the same , only a transparent space occuped by the height and weight of the swf file , in the editor this appears 2 times above the swf file code:

    url/media/editors/tinymce/jscripts/tiny_mce/plugins/media/img/trans.gif

    this file trans.gif is the transparent background i mentioned at top, do you know how i can solve this T__T



    Azhar Kamar replied:

    @Erik, did you do point number 6? Did your flash object play? Make sure you follow each and every step. :)

  8. Sydney

    DUDE! Thanks!! Finally the right solution for the flash problem!



    Azhar Kamar replied:

    @Sydney, you’re welcome. ;)

  9. Adi Apriadi

    thank ypu very much .. i was deeply hopeless before read your tip. I really owe you one .. Savior of My Life! :)



    Azhar Kamar replied:

    @Adi Apriadi, LOL I’m honored to be your savior.



    ghohun replied:

    @Azhar Kamar, Hi, I have the same problem than Adi, that image appears, and I have followed all steps. I disabled the Tinymce editor, and could add the code into the article. After saving and closing, I activated the plugin again. That’s the only way I found. Do you know why that image is appearing instead of the flash?

    Thanks for the post.

    Regards



    ghohun replied:

    @ghohun, Sorry, was @Erik, not @Adi. LOL

  10. yvette

    I have same problem, I am wondering mine is fine?

  11. ahmad balavipour

    Thanks alot,

    very good article

  12. Nadia

    Hi! Thanks so much for this! Alhamdulillah. I finally managed to make my flash file appear as I want it. Was trying various modules, but all in vain. Thank you, thank you, thank you so much!



    Azhar Kamar replied:

    @Nadia, you’re welcome. ;)

    I too tried many other ways before this one.

  13. maideen

    Fantastic. thanks Azhar. I tried this for the week time. i could not.

    Finally, I read your article.I got it. at same now I trying to upload slide show. If you have any idea, pls ….

    maideen



    Azhar Kamar replied:

    @maideen, no problem. I’m glad this tutorial helped you.

    Upload slide show? What exactly do you mean? If you’re talking about rotating image banners, there should be quite a few modules and components available for that function.



    maideen replied:

    Mr.Azhar. yes your right, rotating image banner. I am still trying this or is it possible load flash in banner?

    If so, Please let me know how can do.
    maideen

Write a Comment! NOW! :)

Current ye@r *