https://github.com/johnpolacek/SimpleVid

jQuery Plugin for Fluid Video
https://github.com/johnpolacek/SimpleVid

Last synced: about 2 months ago
JSON representation

jQuery Plugin for Fluid Video

• Host: GitHub
• URL: https://github.com/johnpolacek/SimpleVid
• Owner: johnpolacek
• Created: 2012-01-19T21:20:41.000Z (almost 13 years ago)
• Default Branch: master
• Last Pushed: 2012-02-16T12:37:30.000Z (almost 13 years ago)
• Last Synced: 2024-04-09T15:18:31.389Z (9 months ago)
• Language: ActionScript
• Homepage:
• Size: 4.49 MB
• Stars: 40
• Watchers: 4
• Forks: 8
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-actionscript-sorted - SimpleVid - jQuery Plugin for Fluid Video (Unsorted / Other API)

README

        
#Responsive Video

jQuery Plugin for a video player that scales to fit its container

##How to Use

Add video element to your html inside a container div that is styled to scale with the size of the browser window

	


        

            

        

    

    

First, link to jQuery and then to vidobject.js. Next, create a new vidobject and apply any custom settings to it. Last, use vidobject to target the video element(s) on the page.


	

    

    

        var vidobject = new $.vidobject({

            player: 'swf/vidobject.swf',

            buttonColor: '#FFFFFF',

            accentColor: '#BBBBBB',

            backgroundColor: '#111111',

            scaleVideo: true,

            fullScreen: true

        });

        vidobject.embed("myVideo");

    

    

Parameters are:

    

**player:** path to the vidobject.swf player

**buttonColor:** video controls button color (default is '#FFFFFF')

**accentColor:** video controls accent color (default is '#BBBBBB')

**backgroundColor:** video controls background color (default is '#111111')

**scaleVideo:** set to false if you don't want the video to scale  

**fullScreen:** set to false to disable full screen mode  

Responsive Video Object created by John Polacek  

Twitter: http://twitter.com/#!/johnpolacek  

Blog: http://johnpolacek.com