Design the viewers experience when opening videos in your webpage.
Intended Audience: A basic knowledge of HTML and calling javascript functions from HTML is recommended.
vPIP release 1.10 Beta
Note: The above version refers to the vpip javascript application found in the vpip.js file (not other components like the plugin version in Wordpress.)
vPIP (videos Playing In Place) dynamically embeds a video after the viewer clicks on it's link. The link can be a text or image link. For example, click on the video to your right to see vPIP in action.
The result is that the web page loads quickly with only image and text links. Then when the viewer clicks one of the links pointing to a video, it's replaced with the embedded video. Clicking on another vPIP link closes the prior embedded video and opens the clicked one.
To begin using vPIP go to the appropriate documentation wiki page below for it's installation and usage:
- If you've completed the install, go the the >Using vPIP< page.
The supported video (and audio) formats are:
If you find this tool useful and want to support future developments, please use the Paypal button below:
Thank You!
- Quicktime
- .mov (video)
- .mp4 (video)
- .mp3 (audio)
- .smi or .smil (dynamic video)
- .3gp (video & audio)
- Windows Media
- .avi (video)
- .wmv (video)
- .asf (video)
- .wma (audio)
- Flash
- .swf (video application)
- .flv (video)
Place one of the vPIP banners on your site:
and point it to
Thanks!
Click on the image below for a introduction and comparison to vPIP
For the current bugs found in this release, go to the Caveats section. For new features go to the What's New section.
- The Google Analyticator Wordpress plugin conflicts with vPIP. It is not advised to have them both active. vPIP was found to fail when the Google Analyticator Wordpress plugin was active on Windows XP running FireFox 1.5 and Internet Explorer 7.
Also the Google Analytic script, ga_external-links.js, conflicts with calling vPIP since it replaces the onclick anchor calls.
- Mac Safari version 1.3.2 and 2.0 (below build 420) continues playing scripts after they've been replaced with their poster image. Also, ThickBox with video does not work correctly on Safari. So the vPIP revert capability does a page refresh for Safari before build 420 and ThickBox feature only does an embed for the Safari browser.
- The Vlogsplosion interface which:
- let's you just enter when writing the post the Poster Image and media URL's for Flash, QuickTime, iPod, Apple TV, Mobile and/or Windows Media to display at the top of the post.
- Set which is the default media for the Poster Image to link to
- Set the width and height of the media entry
- Set the order of the media links
- Set whether the link is active or not.
- Set whether the link is visible (if not visible, will still go to feed.)
- Send the flash media to an external flash player
- Set the defaults for future vlogsplosion posts
- Get the unique RSS2 feeds from the vPIP Config page to be used in Feedburner
- Unique feeds widget and script to get feeds only for the media types (Flash, Quicktime, etc.) and media name specifications.
- ThickBox works now on IE6 & Safari
- 640x520 flash player that scales down to any smaller size.
- Flash viewer, cirneViewer*.swf, controls automatically resize to vlog dimension specified in vPIP.
- Only the video size needs to be set, the control size is added on.
- v. 1.10 - June 29, 2007
- Using 640x520 flash player that scales down.
- The vlogsplosion interface for easily entering your poster Image and types of videos.
- ThickBox works now on IE6 & Safari (need code generator or coding by hand for ThickBox.)
- Flash viewer, cirneViewer*.swf, controls automatically resize to vlog dimension specified in vPIP.
- Need to only specify the video size (the control area will automatically be entered.)
- May need to go back to prior vPIP vlog entries and change the size down.
- vPIP Feeds widget for placing feeds list in your blog sidebar.
- The media types (Flash, Quicktime, iPod, Apple TV, Mobile, Windows Media) can be specified to unique feeds.
- The a ability to specify feeds is very flexible from just the extension of the movie (wmv, mov, mp4, flv, etc.) to wild cards for the video file names ( i.e., vacation*.mov).
- And multiple file types can be specified with a comma (like mov,mp4).
- An external flash player can be specified.
- v. 1.00c - Febuary 3, 2007
- jQuery calls changed from $(...) to jQuery(...) to not conflict with other libraries like Lightbox.
- If the vpipit function exists, vPIPPlayer.prototype.thickBox_remove will call vpipit to
reinstate the automatic vPIP calls to links.
- New Wordpress plugin option to turn on/off the abiltity to automatically make movie links work with vPIP.
- New Wordpress plugin option to turn on/off the ThickBox script.
- New Wordpress plugin option to turn on/off displaying the vPIP Code Generator.
- v. 1.00b
- Rewritten from procedural to object-oriented version of vpip.js.
- Missing hVlog DIV created dynamically when embed generated.
- If vpipit.js included, all links without onlick calls recognized as movie files are setup to call vPIP.
- Quicktime embed adjusts video size to embed width and height while keeping aspect ratio -- scale="tofit".
- Dynamic loading of Flash FLV player, cirneViewer.swf, user interface through xml file.
- [X Close] button can be removed.
- Two Flash players available for 320x240 and for up to 450x300. If width is 320 or less,
the 320x240 player is used, otherwise the 450x300 player is used.
- Flash hooks into scripts for showing the number of video views and sharing the video through an email link.
- Flash graphics at end for "Replay" and "Share" (share is for sending email link of video.)
- v. 0.16g
- Close button on Safari prior to build 420, reloads the page.
- v. 0.16f
- Removed unnecessary <iframe id='TB_HideSelect'></iframe> from _vPIP_TB_show(...) to fix problem of iFrame remaining after ThickBox closes.
- Check for Internet Explorer 6 and bypass running Thickbox on IE 6. Run as dynamic embedded video.
- v. 0.16e
- Code generation for WMV width fixed.
- cirneViewer ability to set State.scaleMode.
- cirneViewer ability to hide timecode with default hidden.
- cirneViewer name is suffixed with version number for new load.
- v. 0.16d
- Thickbox operational for Opera. Tested on Opera 9.
- v. 0.16c
- For WordpressMU implementation: Fix <div...> and </div> being stripped.
- v. 0.16b
- For WordpressMU implementation: Allow for bracketed code to start with "[hVlog..." (missing "
" at start because wordpressmu strips it.
- v. 0.16
- Install zip package for WordpressMU
- plugin in mu-plugins folder with WordpressMU defaults.
- v. 0.15f
- Wordpress Options menu option to set the vPIP Plugin location.
- v. 0.15e
- Option to generate and process bracketed code for WordpressMU.
- vPIP options menu in Wordpress with choices of inserting script links into <HEAD> section of page and for using bracketed code.
- Support reverting to link and close menu for Safari build 420 and higher.
- v. 0.15d
- Allow "~" character in movie url string
- v. 0.15c
- Correctly determined file extension of HREF when it includeds ? parameters.
- v. 0.15b (maintenance release)
- Fixed bug where the path of the vPIP.js script sometimes was not determined.
- v. 0.15
- 3gp phone video and audio files supported in quicktime.
- If a link with class="hVlogTarget" is used, usually an image link, it will specifically have the embedded the video. Other links will continue to display while the embedded video is active.
- Flv player, cirneViewer.swf, incorporated in vPIP package.
- vPIP is now licensed under LGPL, except cirneViewer which is fully copyrighted. cirneViewer is free only for non-commercial use.
- v. 0.14
- Multiple video formats target one link.
- Support for Quicktime SMIL movies.
- ThickBox version of Lightbox effect incorporated in vPIP script (vpip.js).
- Close button above the embedded movie:
- v. 0.13
- Recursive search from anchor for div tag.
- vPIP.php wordpress plugin inserts linked vPIP button to activate "Generate vPIP HTML code" utility
- Errors reported in javascript console with setTimeout("[error]", 0);. And if href is available, it's activated with window.open([href], "_self");.
- v. 0.12
- Replaced the vPIPPlay(this{, '...'}); return false; function call in <a href="...". This is a direct call to the vPIPPlay javascript function that elminates the problem of waiting for the page to fully load.
- The internal array that holds the Div and Link information allows multiple links in an Div.
- v. 0.11 vPIPShow is supported with mulitple links in the Div.
- v. 0.11
- Places the vPIPShow({...}) function call in <a href="...".
- Strip out non-alphanumerics from href and onclick paraemeters of the a tag.
- v. 0.10
- Replaced <object ...> tag with <div class=?hvlog?><a href....><img src=... /></a></div>
- Ability to revert back to the link, usually <img src=... />, when another vPIP link is clicked.
-
- Support for Windows Media and Flash embed along with Quicktime.
- Generalized javascript utility that should work in most browsers, blogging systems and websites
- v. 0.02
- Replaced <vPIP ...> tag with <object ...> tag.
Comments are at the vPIP google groups discussion area. Please join there for any questions, problems or suggestions.
