| How to insert Flash SWF or Youtube FLV videos in articles? |
| Thursday, 05 February 2009 22:12 |
|
You will need "Insert HTML Editor Button Plugin" to publish videos in your content. Some editors (i.e. TinyMCE) will strip HTML script tags when you enter them in the WYSIWYG view. For that reason you can use the plugin to insert the video in your web page. The HTML code will be inserted surrounded whith ... tags. So your code will not be stripped. We will use JW FLV Media Player 4.3 from http://www.longtailvideo.com/players/ in order to insert the video (embeded or remote) in our web page. The JW FLV Player is the Internet’s most popular and flexible media player. It supports playback of any format the Adobe Flash Player can handle (FLV, MP4, MP3, AAC, JPG, PNG and GIF). It also supports RTMP, HTTP, live streaming, various playlists formats, a wide range of settings and an extensive javascript API. Let's go 1. Download the JW FLV Media Player 4.3 2. Transfer the player.swf and swfobject.js file from the ZIP downloaded to your website. (Make sure that you’ve also uploaded all the necessary videos / songs / images to your site). 3. Now you need embed the player in your HTML page with the lines of code below. Note: If you place the files in different directories, make sure to set the references in this code accordingly. <p id='preview'>The player will show in this paragraph</p> <script type='text/javascript' src='swfobject.js'></script> Go to backend and edit the article where you want to insert the video. Set the cursor position and Click on "Insert HTML" editor button. 4. Paste the code in the textarea of the "Insert HTML" dialog window and click ok. 5. Save changes. That's all, your video is published. Notes: - In order to align the inserted block you can surround the code with <div style="float:left;">.....code....</div> - Notice the flashvars parameter above can contain a list of variables for configuring the player to use different Plugins or Skins. To quickly set up flashvars, use the setup wizard. Simply choose an example, select the variables you want to use and paste the code onto your page. It’s that easy. More information: http://www.longtailvideo.com/players/jw-flv-player/ |
| Last Updated on Friday, 06 February 2009 16:10 |