Change background image
  1. What's up? I see you're viewing as a Guest. How about registering, it only takes like 2 minutes. This will enable you to do more on our forum and stay updated.

Vpip Generator! (save yourself some time and coding)

Discussion in 'PC General' started by vettacossx-alpha, May 20, 2011.

Thread Status:
This thread is more than 180 days old.
  1. vettacossx-alpha

    vettacossx-alpha Midnight Mage Member


    "Vpip is a useful tool for those wanting present any sort of media file on there websites and embed it to HTML so you can AVOID ADS AND REDIRECTING TO OTHER WEBSITES THAN YOUR OWN FOR THE MEDIA PLAYBACK.... Here is an EXAMPLE PAGE FULL OF VIDS THAT ARE POWERD BY VPIP GENERATOR TO GIVE YOU AN IDEA"

    My Vpip Media Page:
    http://ps3endusers.blogspot.com/p/comedy-section.html


    Using vPIP
    Quick Start


    Using vpipit.js

    The quickest and easiest way to use vPIP is to make sure you have vpipit.js included with the other vpip scripts that are called. This condition will normally be automatic on Wordpress from the vPIP plugin. For other types of sites than Wordpress, the installation instructions for Blogger and General Installation include vpipit.js in the scripts to insert.

    What vpipit.js does is take any <a href=...>...</a> links and have them access the vPIP script for embedding the movie. vpipit.js works by recognizing that the link is pointing to a movie and the onclick= does not poing to a script. The downside to this approach is that vpipit.js will do it's work only after the entire page has loaded. If a viewer click on a link before the page completely loads, the vPIP call won't created from vpipit.js on the links.
    Using the vPIP the Media Entry Interface

    The Media Entry interface simplifies entering your video and audio files and getting feeds for them. See Using Media Entry for details on it's usage.
    http://wiki.vpip.org/index.php?title=Using_Media_Entry

    Using the vPIP Code Generator

    The third easiest way, is to use the code generator. The code generator is included in Wordpress through the vPIP plugin and available below where you write your post. On other types of websites you can use the one available here by clicking on the image below. Once the vPIP Code Generator has popped up, you specify the type of movie you have -- Quicktime, Windows Media or Flash movie -- and the display options. (For Flash, both .SWF and .FLV files are supported.) Once these are entered, the [Generate Code] button becomes available. Clicking on it allows you to paste the vPIP HTML code to the web location your movie will play:
    [​IMG]
    If the image link above doesn't pop-up, click here to open the vPIP code generator.
    http://vpip.org/downloads/vPIP1.13/vPIP/GenvPIP0-07.php

    If you'd like to host the "Generate vPIP HTML code" app:

    Right click on -->GenvPIP0-07.swf<-- and Save ... As to a location on your hard disk.
    http://vpip.org/downloads/vPIP1.13/vPIP/GenvPIP0-07.swf

    Right click on -->GenvPIP0-07.html<-- and Save ... As to a location on your hard disk.
    http://vpip.org/downloads/vPIP1.13/vPIP/GenvPIP0-07.html

    Copy both GenvPIP0-07.swf and GenvPIP0-07.html to the web location you want to run it from.
    Reference GenvPIP0-07.html to start the "Generate vPIP HTML code" app.

    How to Code vPIP in HTML

    vPIP uses standard HTML in a specific structure to emded Quicktime, Windows Media and Flash applications (SWF) movies. The structure is a
    <div class="hvlog"...> tag containing a <a href=... rel="enclosure"... onclick="vPIPPlay(this{, '...'}); return false" ...> link tag. Usually the link reference is a poster image for the movie, <img src=...>, or text description. An example of a minimal vPIP HTML is:

    <div class="hvlog">
    <a href="http://www.myserver.com/media/myMovie.mov" rel="enclosure" title="My Movie!" onclick="vPIPPlay(this); return false;">
    <img src="http://www.myserver.com/images/myMovie.jpg" />
    </a>
    </div>

    Note: The url for <a href="..." must be enclosed in double quotes, "..." per the XML standard. Single quotes will fail in services like Feedburner.
    Detailed Usage

    The following are examples in Quicktime, Windows Media and Flash (SWF) using variants of the main vPIP's parameters:
    Quicktime example

    <div class="hvlog">
    <a href="http://www.myserver.com/media/myMovie.mov" rel="enclosure" class="hVlogTarget" title="My Movie!" type="video/quicktime" onclick="vPIPPlay(this, 'width=320, height=260, autostart=true, kioskmode=true, controller=true, name=MyMovie, revert=true', '', 'active=true, caption=My Grand Movie'); return false;">
    <img src="http://www.myserver.com/images/myMovie.jpg" />
    </a>
    </div>

    Windows Media example

    <div class="hvlog">
    <a href="http://www.myserver.com/media/myMovie.wmv" rel="enclosure" title="My Movie!" class="hVlogTarget" type="video/x-ms-wmv" onclick="vPIPPlay(this, 'width=320, height=260, autostart=true, controller=true, name=MyMovie, revert=true'); return false;">
    <img src="http://www.myserver.com/images/myMovie.jpg" />
    </a>
    </div>

    Flash example

    <div class="hvlog">
    <a href="http://www.myserver.com/media/myMovie.swf" rel="enclosure" title="My Movie!" class="hVlogTarget" type="application/x-shockwave-flash" onclick="vPIPPlay(this, 'width=320, height=260, name=MyMovie, quality=High, bgcolor=#FFFFFF, revert=true, flv=true', 'bufferlength=6', 'active=true, caption=My Sweet Film'); return false;">
    <img src="http://www.myserver.com/images/myMovie.jpg" />
    </a>
    </div>

    Ogg example

    <div class="hvlog">
    <a href="http://www.myserver.com/media/myMovie.ogg" rel="enclosure" title="My Movie!" class="hVlogTarget" type="application/ogg" onclick="vPIPPlay(this, 'width=320, height=260, name=MyMovie', '', 'active=true, caption=My Sweet Film'); return false;">
    <img src="http://www.myserver.com/images/myMovie.jpg" />
    </a>
    </div>

    Both .swf and .flv files are supported. FLV files are supported by the included Flash media viewer, cineViewer-xxxx.swf.

    For in depth information see Playing Flash Video.

    Ogg is supported through the Java cortado player from ITheora.


  2. vettacossx-alpha

    vettacossx-alpha Midnight Mage Member

    PART 2:

    The tag heirarchy for vPIP is:

    <div ...>
    <a ...>...</a>
    </div>

    Tag parameters

    The tag parameters follow.

    Optional entries enclosed in {}.

    The <div ...> tag has one required parameter: <class="hvlog". Do not use the id="..." parameter because vPIP will put in it's own unique ID.

    The <a ...> tag parameters are:

    href="[url to videoblog file]"
    This is a required parameter.
    Note: The url for <a href="..." must be enclosed in double quotes, "..." per the XML standard. Single quotes will fail in services like feedburner.
    rel="enclosure"
    This is a required parameter.
    class="hVlogTarget"
    This is an optional parameter, but recommended. The link with this class -- it should be only one link in the hVlog structure -- will receive the embedded video. It is usually a image link. Other links will continue the be available as the embedded video is available.
    type="[mime type]"
    This is a optional, but highly recommended parameter. The mime types supported in this release are:
    quicktime
    mov: video/quicktime
    mp4: video/mp4
    m4v: video/x-m4v
    mp3: audio/x-mp3
    smi: application/smil
    3gp: video/3gpp
    windows media
    avi: video/x-msvideo
    wmv: video/x-ms-wmv
    asf: video/x-ms-asf
    wma: audio/x-ms-wma
    flash
    swf: application/x-shockwave-flash
    flv: application/x-shockwave-flash
    onclick=vPIPPlay(this, {'width=[integer], height=[integer], autostart=[true/false], controller=[true/false], name=[string],kioskmode=[true/false], loop=[true/false/palindrome], target=[embed/quicktimeplayer], quality=[High/AutoLow/AutoHigh], bgcolor=[color value], revert=[true/false], flv=[true/false], showclose=[true/false]', 'bufferlength=number of seconds to load before playing]& 'activate==[true/false], caption=[string], background=[color value]'}); return false;"
    onclick=vPIPPlay(this, {'...'}); return false;" is the minimal requirement..
    The vPIPPlay(this, {...}); return false; function has one required parameter: this, which is the reference inside the vPIPPlay javascript function to it's calling link. The vPIPPlay functions is followed by return false; which deactivates the browser from jumping to it's href link.

    The second optional parameters define the movie's embedding parameters. They're defined as:
    width = the integer value for the width of the video/application display area. This includes the controller.
    Quicktime, Windows Media and Flash use this parameter.
    The default is 320.
    height = the integer value for the height of the video/application display area. This includes the controller.
    Quicktime, Windows Media and Flash use this parameter.
    The default is 260 (for the Flash player it is 300.)
    autostart = the boolean value of "true" or "false" for whether the video starts immediately.
    Quicktime and Windows Media use this parameter.
    The default is true.
    controller = the boolean value of "true" or "false" for whether the controller is displayed.
    Quicktime and Windows Media use this parameter.
    The default is true.
    name = the string value for the id of the embedded object.
    Quicktime, Windows Media and Flash use this parameter.
    The default is "" (empty string)
    kioskmode = the boolean value of "true" or "false" for whether the video starts in kioskmode.
    Quicktime uses this parameter.
    The default is false.
    loop = the boolean value of "true", "false" or "palindrome". If true the video continues playing from beginning after ending. If palindrome it plays forwards and backwards when reaching end. And if false plays only once.
    Quicktime uses this parameter.
    The default is false.
    target = the string value of "embed" or "quicktimeplayer" for whether the video starts in it's external player if "quicktimeplayer" entered, otherwise it embeds.
    Quicktime uses this parameter.
    The default is embed.
    quality = the current rendering quality of "low/high/autoLow/autoHigh".
    Flash uses this parameter.
    The default is high.
    bgcolor = Override the background color of a movie.
    Flash uses this parameter.
    The default is #FFFFFF - white.
    revert = the boolean value of "true" or "false" for whether the movie reverts back to link element that was clicked to initiate it when another link element is clicked.
    All movie types use this parameter
    The default is true.
    flv = the boolean value of "true" or "false" for whether this flash video is an FLV file.
    All movie types use this parameter
    The default is true.
    showclose = the boolean value of "true" or "false" for whether to show the [X Close] button above the embedded video.
    All movie types use this parameter
    The default is true.

    The third optional parameters define the Flash FLV Player paremeters (FlashVars=...) These parameter are seperated by ampersand (&) rather than comma (,). Their meaning is.
    bufferlength = the number of seconds to buffer the video in the Flash media viewer, cineViewer, before the video automatically plays.
    Only the cineViewer Flash viewer uses this parameter.
    The default is 5.

    The fourth optional parameters define the ThickBox paremeters. Their meaning are:
    activate = the boolean value of "true" or "false" for whether the movie will play in Thickbox.
    The default is false.
    caption = the string value of the caption that displays above the movie in Thickbox.
    The default is an empty string.
    background = The ThickBox background color.
    Flash uses this parameter.
    The default is #E1E1E1 - light gray.

    The <img "> tag parameters is highly recommended but optional. Any item allowed within <a href=...></a> can be placed in. However the <img ...> tag will be used by some aggregators as the display image for the movie. The form of the <img..> tag is:

    < img src="[url to image file]" />

    For details on how to play Flash video see Playing Flash Video.
    http://vpip.org/home/playing-flash/​
Thread Status:
This thread is more than 180 days old.

Share This Page