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.

Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

Retaining checkbox status of a form after submitting it

we will learn here how to post back or retain the value ( status ) of the checkbox. We will use php header redirection to post back the values to our main page where checkbox is present. We will call form page as first page and action or submitted page as second page. The form data will be received by second page and it is supposed to post back the form data back to form page by using query string through address bar. To keep the second page simple we will keep only the redirection part. Here we have excluded the part which takes care if the form passes its validation and execute the actual script (redirection part). Here is the code of our form with two checkboxes, pb-check.php <?php $t1=$_GET['t1']; $t2=$_GET['t2']; if($t1=="yes"){$t1v="checked";} else{$t1v=="";} if($t2=="yes"){$t2v="checked";} else{$t2v=="";} ?> HTML Form code: <form method="post" action="pb-chk.php"> <inp...
1 comment
Read more

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) {    ...
Post a Comment
Read more

Mysql join examples

1. Inner join: Sample Fields in "person" table:  id, email, password, firstname, lastname Sample Fields in "personprofile" table: person_id, age, dob, city, country, phone, mobile Query: select * from person inner join `personprofile` on person.id=personprofile.person_id and person.id=9; 2.  Left join: Sample fields in "employee" table: emp_id (primary), name, active Sample fields in "online" table: id (primary), user_id (references emp_id), online Query: SELECT *  FROM employee e left join online o on e.emp_id = o.user_id where e.active=1; Note the use of "where" in the above query, instead of normal "and". It will give the accurate results.
1 comment
Read more