Skip to main content

Embed a jwplayer video in a page

Example1: 

<object type="application/x-shockwave-flash" style="width: 450px; height: 350px;" data="http://www.example.com/plugins/hwdvs-videoplayer/jwflv/mediaplayer.swf">
        <param name="movie" value="http://www.example.com/plugins/hwdvs-videoplayer/jwflv/mediaplayer.swf">
        <param name="quality" value="high">
        <param name="wmode" value="transparent">
        <param name="bgcolor" value="">
        <param name="autoplay" value="true">
        <param name="allowfullscreen" value="true">
        <param name="allowscriptaccess" value="always">
        <param name="flashvars" value="file=http://www.example.com/hwdvideos/uploads/d8wxa5cf8sagkn.flv&amp;image=http://www.example.com/hwdvideos/thumbs/dual.jpg&amp;autostart=true&amp;fullscreen=true&amp;repeat=always">
</object>

Example2:

<object width="650" height="440" type="application/x-shockwave-flash" id="p_avreloaded0" class="allvideos" data="http://www.example.com/plugins/hwdvs-videoplayer/jwflv/mediaplayer.swf"><param name="allowscriptaccess" value="always"><param name="seamlesstabbing" value="true"><param name="allowfullscreen" value="true"><param name="wmode" value="transparent"><param name="bgcolor" value="#FFFFFF"><param name="menu" value="false"><param name="flashvars" value="file=http://www.example.com/hwdvideos/uploads/d8wxa5cf8sagkn.flv&width=650&height=440&showeq=false&image=http://www.example.com/hwdvideos/thumbs/l_d8wxa5cf8sagkn.jpg&amp;stretching=exactfit&amp;searchbar=false&amp;enablejs=false&amp;autostart=true&amp;icons=false&amp;showicons=true&amp;showstop=false&amp;showdigits=true&amp;showdownload=false&amp;usefullscreen=false&amp;backcolor=333333&amp;frontcolor=cccccc&amp;lightcolor=ffffff&amp;screencolor=000000&amp;overstretch=false"></object>

Note:

1. The jwplayer package consists of the file: mediaplayer.swf
2. The flv file path: uploads/d8wxa5cf8sagkn.flv
3. The video splash image: thumbs/l_d8wxa5cf8sagkn.jpg
4. stretching=exactfit allows the video to stretch to the maximum. Other values: uniform, fill, none. You can also right click on the video to change this param
5. wmode=transparent makes the video display transparent in the page. Other values: opaque, window
6. icons=false does not show the loading icon on the top of video

Remember that it is recommended to give the absolute paths to the files in the above code, rather than relative path.

Comments

Popular posts from this blog

Browser tips and tricks, my tests

Note that, by default, Firefox and IE align the page elements differently. For ex, Firefox aligns elements to the left, and IE to center. Hence you may need to write in your page, like: align="left" to get the left display properly in IE. If you want to control the display of elements in IE6 and other browsers, you can use !important property. (People still using IE6 are not better than early men). A way to control the display of elements in IE6 and other browsers: .main-nav { margin-top: 10px; *margin-top: 20px; } // IE6 takes margin-top: 20px, other browsers take margin-top: 10px; Check that there are no unclosed comments in the file, in either css or javascript code, like for example, the html comments are opened, but not closed later. Better to write the style tags before the script tags in a file, as browsers like chrome may not work properly. Its better to include the css (and probably js ?) files in the header file. Because the css is global for the enti

Joomla validate chrono forms using jquery

It is a common practice to use Chrono forms in our joomla site to setup various forms in the site, be it a contact us form, submit a ticket form, or whatever. I have set the option "validate form" to "No" under chronoform settings in admin panel, and also preferred to not include any js or css files. For validating the chrono forms, i prefer jquery. So first lets add jquery support in our joomla. It is quite simple: 1. Download jquery.js and jquery_min.js (1.4.2 version is enough) and place them in media/system/js folder of your joomla. 2. Edit libraries->joomla->html->html->behavior.php, and add the following function below the mootools() function: function jQuery($debug = null)     {         static $loaded;         global $mainframe;         // Only load once         if ($loaded) {             return;         }         // If no debugging value is set, use the configuration setting         if ($debug === null) {             $confi

php read file line by line, write file line by line

The following code is an example to write to a file line-by-line: if(file_exists("files/john") && is_dir("files/john")) $myFile = "files/john/msg.txt"; else { mkdir("files/john"); $myFile = "files/john/msg.txt"; } $fh = fopen($myFile, 'a') or die("can't open file"); $stringData = date("d-M-Y H:i:s").' : '.trim($_POST['msg']); fwrite($fh, $stringData." "); fclose($fh); Read a file line-by-line: $filename = "test.txt"; $fp = fopen( $filename, "r" ) or die("Couldn't open $filename"); while ( ! feof( $fp ) ) {    $line = fgets( $fp, 1024 );    print "$line<br>"; }