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:

Comments

Post a Comment

Popular posts from this blog

php strip all tags

The below function can strip almost all tags from a string. function strip_all_tags($string) {     $string = preg_replace( '@<(script|style)[^>]*?>.*?@si', '', $string );     $string = strip_tags($string);     return trim($string); } $a = '<script type="text/javascript" src="jquery.js"></script> <div id="test" style="padding:5px; color:red;">Hello world</div>'; echo strip_all_tags($a); // outputs: Hello world
Post a Comment
Read more

htaccess disable directory browsing, disable file listing, disable file access

There may be some personal or secure data in a file, that you want to hide from the end user, when it is viewed through a web browser. Ex: http://www.example.com/user_files/24/chat.txt In the above scenario, if the file "chat.txt" contains a secure data, and you dont want to allow end users to directly access the file, or to disable the file listing in the folder "user_files" or "24", use the below code in your .htaccess file inside "user_files" folder: Options -Indexes order allow,deny deny from all
Post a Comment
Read more

dropdown menu over flash banner

It is often annoying in some browsers when the dropdown menu at the top of the flash banner is displayed at the back of the flash. It can be corrected with some minor changes in the flash embed code: 1. for embed tag, add wmode="transparent" 2. add param to the object tag: <param name="wmode" value="transparent" />
Post a Comment
Read more