{"id":1498,"date":"2007-09-29T22:27:12","date_gmt":"2007-09-30T06:27:12","guid":{"rendered":"http:\/\/lee.org\/blog\/archives\/2007\/09\/29\/upgraded-to-flv-embed-032\/"},"modified":"2013-04-19T14:53:56","modified_gmt":"2013-04-19T21:53:56","slug":"upgraded-to-flv-embed-032","status":"publish","type":"post","link":"https:\/\/www.lee.org\/blog\/2007\/09\/29\/upgraded-to-flv-embed-032\/","title":{"rendered":"Upgraded to FLV-Embed 0.3.2"},"content":{"rendered":"<p>FLV-Embed lets me put Flash videos on WordPress with great ease.<\/p>\n<p>Find it on the <a href=\"http:\/\/www.channel-ai.com\/blog\/plugins\/flv-embed\/#download\">FLV-Embed homepage<\/a>.<\/p>\n<p>Here&#8217;s some tidbits from the homepage<\/p>\n<p><!--more--><\/p>\n<h3>Usage:<\/h3>\n<p>This plugin uses one universal, standard tag style:<\/p>\n<p style=\"width: 250px\" class=\"box center\">[ flv:url width height]<\/p>\n<ul>\n<li>url &#8211; the URL of the FLV file you want to embed, the path can either be site-relative or absolute<\/li>\n<li>width &#8211; width of the FLV movie<\/li>\n<li>height &#8211; height of the FLV movie<\/li>\n<\/ul>\n<p>Jeroen\u2019s FLV Player supports poster frame so you can turn on this feature via <a href=\"http:\/\/www.channel-ai.com\/blog\/plugins\/flv-embed\/#options\">options<\/a> if desired.<\/p>\n<p><strong>Version 0.3 onwards<\/strong><br \/>\nStarting from version 0.3, it is possible to have your poster image at a different location than your FLV files. To achieve that, an optional 4th argument for the input tag and a new option <code>$flv_posterpath<\/code> were introduced. Below shows the tag syntax that should be used to provide a poster path:<\/p>\n<p style=\"width: 250px\" class=\"box center\">[ flv:movie poster width height ]<\/p>\n<ul>\n<li>movie &#8211; the URL of the FLV file, the path can either be site-relative or absolute<\/li>\n<li>poster &#8211; the URL of the poster image, the path can either be site-relative or absolute<\/li>\n<li>width &#8211; width of the FLV movie<\/li>\n<li>height &#8211; height of the FLV movie<\/li>\n<\/ul>\n<p>It is recommended that you try different settings for <code>$flv_posterpath<\/code> and poster argument to have a feel how they work. There are several different ways how you could combine <code>$flv_posterpath<\/code> and optional poster path tag parameter to tell the plugin the poster location is not the same as the flv location.<\/p>\n<p>If all your poster images are put within the same directory but not the same as the FLV files, change <code>$flv_posterpath<\/code> to point to your image directory, and no poster argument is required when using the embed tags. Make sure all the poster images have the same filename as the FLV files. If your poster images are scattered all over the places i.e. not within the same directory and not necessarily has the same filename as your FLV files, then use the poster argument to indicate where the poster image is.<\/p>\n<p>The plugin detects the path used in the tags to determine if <code>$flv_posterpath<\/code> and <code>$flv_flvpath<\/code> should be used. In cases where absolute or site relative path are given as argument for the tags, <code>$flv_posterpath<\/code> and <code>$flv_flvpath<\/code> will have no effect on the output.<\/p>\n<p><a title=\"js\" name=\"js\"><\/a><br \/>\n<strong>Users without Flash or Javascript<\/strong><br \/>\nUnfortunately, about 2% of your users might not have Flash installed and about 10% of them might not have Flash 8 or above according to <a href=\"http:\/\/www.adobe.com\/products\/player_census\/flashplayer\/version_penetration.html\" tip=\"Flash Player - Version Penetration\" >Adobe<\/a>. For these users, the ufo.js will detect and output appropriate message that prompts these users to download and install latest Flash player onto their computers. Here\u2019s an example screenshot that show you how this works:<\/p>\n<p><a href=\"http:\/\/www.channel-ai.com\/blog\/plugin\/flv-flash.png\" tip=\"With vs. Without Flash\" rel=\"lightbox\"><img decoding=\"async\" src=\"http:\/\/www.channel-ai.com\/blog\/plugin\/flv-flash_small.png\" alt=\"With vs. Without Flash\" \/><\/a><\/p>\n<p>While most modern browser supports Javascript, some users are <a href=\"http:\/\/www.noscript.net\/\" tip=\"Javascript blocking for safer Firefox experience\" >too afraid<\/a> that Javascript will screw up their computer so they turn it off just to be safe. This becomes a problem because this WordPress plugin relies on Javascript to display the FLV Player. To solve this problem, \u201cnoscript\u201d tags are used to prompt these users to enable their Javascript and refresh the page for the Flash player to show up. Here\u2019s an example screenshot:<\/p>\n<p><a href=\"http:\/\/www.channel-ai.com\/blog\/plugin\/flv-js.png\" tip=\"With vs. Without Javascript\" rel=\"lightbox\"><img decoding=\"async\" src=\"http:\/\/www.channel-ai.com\/blog\/plugin\/flv-js_small.png\" alt=\"With vs. Without Javascript\" \/><\/a><\/p>\n<p><a title=\"text\" name=\"text\"><\/a><br \/>\n<strong>Text only output:<\/strong><br \/>\nBy default, this plugin will output text that reads \u201c[See post to watch Flash video]\u201d for your RSS feeds only. If you wished you could display the poster image in your RSS feeds by setting <code>$flv_posterinfeed<\/code> option (see below) to 1.<\/p>\n<p><a href=\"http:\/\/www.channel-ai.com\/blog\/feed\/\">Demo feeds<\/a><\/p>\n<p><a title=\"options\" name=\"options\"><\/a><\/p>\n<h3>Options:<\/h3>\n<p>Hopefully this plugin will work as desired in an \u201cout of the box\u201d way so that you don\u2019t need to change anything. However, few extra parameters can still be tweaked if you want to have extra control over the plugin\u2019s output.<\/p>\n<p>Setting options via the WordPress admin panel is not supported and I have no plan to add that unless there are enough demand for it. To change options, you will need to open up the php file using either your favourite text editor or WordPress built-in plugin editor to change some of the variables you can find near the top of the code.<\/p>\n<ul>\n<li><code>$flv_useposter<\/code>: 0 to disable <a href=\"http:\/\/www.channel-ai.com\/blog\/plugins\/flv-embed\/#poster\">poster frame<\/a>, 1 to display poster frame i.e. preview image<\/li>\n<li><code>$flv_posterinfeed<\/code>: 0 to show text only output in feeds, 1 to display poster frame i.e. preview image in feeds<\/li>\n<li><code>$flv_imagetype<\/code>: Preview image extension, can be \u201cjpg\u201d, \u201cpng\u201d or \u201cgif\u201d<\/li>\n<li><code>$flv_posterpath<\/code>: Path to poster images, trailing slash required<\/li>\n<li><code>$flv_flvpath<\/code>: Path to FLV movie files, trailing slash required<\/li>\n<li><code>$flv_backcolor<\/code>: Background color of the FLV Player *<\/li>\n<li><code>$flv_frontcolor<\/code>: Texts \/ buttons color of the FLV Player *<\/li>\n<li><code>$flv_lightcolor<\/code>: Rollover\/ active color of the FLV Player *<\/li>\n<li><code>$flv_logo<\/code>: URL to watermark logo that will be displayed at the bottom right corner<\/li>\n<li><code>$flv_link<\/code>: URL to go to when the logo is clicked<\/li>\n<li><code>$flv_overstretch<\/code>: Defines how to stretch images\/movies to make them fit the display.\n<ul>\n<li>\u201ctrue\u201d will stretch them proportionally to fill the display<\/li>\n<li>\u201cfalse\u201d will stretch them to fit<\/li>\n<li>\u201cfit\u201d will stretch them disproportionally to fit both height and width<\/li>\n<li>\u201cnone\u201d will show all items in their original dimensions.<\/li>\n<\/ul>\n<\/li>\n<li><code>$flv_showdigits<\/code>: 0 to hide the digits, 1 to show the digits for % loaded, elapsed and remaining time in the FLV Player<\/li>\n<li><code>$flv_showicons<\/code>: 0 to hide icons, 1 to show the play\/loading icon in the middle of the display<\/li>\n<li><code>$flv_showfsbutton<\/code>: 0 to hide fullscreen button, 1 to show fullscreen button<\/li>\n<li><code>$flv_showcontrolbar<\/code>: 0 to hide control bar, 1 to show control bar<\/li>\n<li><code>$flv_autostart<\/code>: 0 to disable autostart, 1 to enable autostart (strongly discouraged as it\u2019s annoying from a user perspective)<\/li>\n<li><code>$flv_bufferlength<\/code>: Number of seconds an FLV should be buffered ahead before the player starts it<\/li>\n<li><code>$flv_volume<\/code>: Startup volume for FLV Player<\/li>\n<\/ul>\n<p><small>* These settings can be found in fullscreen.php as well which set the player appearance in full screen mode<\/small><\/p>\n<h3>Installation:<\/h3>\n<ol>\n<li>Download and extract the \u201cflv-embed\u201d folder<\/li>\n<li>Upload the \u201cflv-embed\u201d folder to your WordPress plugin directory, usually \u201cwp-content\/plugins\u201d<\/li>\n<li>Activate the plugin in your WordPress admin panel<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>FLV-Embed lets me put Flash videos on WordPress with great ease. Find it on the FLV-Embed homepage. Here&#8217;s some tidbits from the homepage<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1498","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/posts\/1498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/comments?post=1498"}],"version-history":[{"count":0,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/posts\/1498\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/media?parent=1498"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/categories?post=1498"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lee.org\/blog\/wp-json\/wp\/v2\/tags?post=1498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}