Results 1 to 2 of 2

Thread: Video Player

  1. #1
    Join Date
    Nov 2009
    Location
    Isfahan, Iran
    Posts
    229
    Thanks
    46
    Thanked 1 Time in 1 Post

    Default Video Player

    Hi,

    What's the player on the following page and how can I embed it to my website for my video files?

    http://www.layersmagazine.com/brushe...lustrator.html



    Any help is greatly appreciated!

    Regards
    Rain Lover

  2. #2
    Join Date
    Jul 2009
    Location
    Binus University
    Posts
    472
    Thanks
    78
    Thanked 21 Times in 21 Posts

    Default

    I don't really know what player is it, but you can use this one, it's has the same function.

    Code:
    <!-- DOCTYPE is always recommended. see: http://www.quirksmode.org/css/quirksmode.html -->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    
    <head>
    
    
    <!-- flowplayer scripts should be loaded from your servers NOT from static.flowplayer.org  -->
    
    <script type="text/javascript" src="/js/flowplayer-3.1.4.min.js"></script>
    
    </head>
    
    
    <!-- some styling for the standalone page. this line can (or must) be removed -->
    <link rel="stylesheet" type="text/css" href="/demos/standalone.css"/>
    
    <!-- player container-->
    <a 
    	href="http://flowplayer.org/video/flowplayer-700.flv" 
    	style="display:block;width:425px;height:300px;" 
    	id="player">
    </a>
    
    <!-- here is the content for the plugin -->
    <div id="theContent" style="display:none">
    	<p>This big overlay is a content plugin</p>
    </div>
    
    <!-- this script block will install Flowplayer inside previous A tag -->
    <script language="JavaScript">
    
    
    flowplayer("player", "/swf/flowplayer-3.1.5.swf", {
    	plugins: {
    		content: {
    			
    			// the only required property
    			url: 'flowplayer.content-3.1.0.swf',
    			
    			// some display properties
    			height: 220,
    			padding:30,
    			backgroundColor: '#112233',
    			opacity: 0.7,
    			
    			// one styling property 
    			backgroundGradient: [0.1, 0.1, 1.0],
    			
    			/*** content plugin specific properties ***/
    			
    			// fetch the actual HTML inside a DIV element on the page
    			html: document.getElementById("theContent").innerHTML,
    			
    			// some styling for the content
    			style: {p: {fontSize: 40}}			
    		},
    		
    		// change default skin to "tube"
    		controls: {
    			url: 'flowplayer.controls-tube-3.1.5.swf'
    		}		
    	} 
    });
    </script>
    Or you can see the demo and tutorial here:

    flowPlayer

    good luck...
    _____________________

    David Demetrius // davejob
    _____________________

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •