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

css link remove dotted outline

Its quite awkward to look at the link, when it is clicked and the dotted outline appears on it. To overcome it, just add the following line to your css file: a { outline: 0; } For example, to remove the dotted outline for the menu links on your page, add this to your css: #navigation li a {    outline: 0; } ( Assuming you have this menu structure: <ul id="navigation"><li><a href="news.html">News</a></li></ul> )
Post a Comment
Read more