Introduce how to add html-ad onto flash video player for website

Discussion in 'Graphics & Multimedia' started by dream party, Jan 17, 2010.

  1. #1
    Introduction:
    HTML Ad Plugin makes Moyea Web Player gets the functionality of adding html-ad inside or over videos for monetizing videos on website. And the html-ad can be any thing that can be implemented with HTML code, like the Google Adsense. The upgraded Moyea HTML Ad Plugin V1.1 now can also add Javascript-ad to flash video on website.

    Key Features:
    Multiple html-ads or js-ads with link can be added inside or over a video
    Any thing implemented with HTML code or JS code can be added inside or over a video to work as ad
    The transparency of the added html-ad or js-ad can be set easily

    Note: HTML is based on web server, so the added html-ad only can be activated on web server

    About Moyea Web Player:
    Moyea Web Player is an easy-to-use FLV player creator, with which, customizing skinning streaming FLV player and FLV player ( flash video player ) for website only needs a few mouse-clicks. And the created player can be easily edited via flashvars code. The official website is http://www.playerdiy.com/

    Where this plugin appears:
    After installed, this HTML Ad Plugin will appear on the following interfaces of Moyea Web Player.

    [​IMG]

    [​IMG]

    Step by step tutorial:

    Step 1: Input a video into Moyea Web Player

    Step 2: Click “Advertise”, "Overlay" and “Add”, and then check HTML Ad Plugin

    [​IMG]

    Step 3: Input HTML code into the pop-up window. Set at which time it will start to be played and how long it will last.

    a. The html code of the first ad:
    [​IMG]
     
    dream party, Jan 17, 2010 IP
  2. dream party

    dream party Active Member

    Messages:
    630
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #2
    b. The html code of the google adsense:
    [​IMG]

    [​IMG]

    Set the size of the ad, and set where the google adsense will show on the video.

    [​IMG]

    Step 4: Click “Publish” button, then you we could get the web FLV player branded with HTML ad.

    The procedures of adding an html-ad inside a video is the same as the above example.

    Above steps demonstrate how to create html-ad which can be either inserted or overlayed on flash videos. To implement js-ad, please refer to the brief tutorial below:

    Step 1: Click HTML Ad Plugin in "Advertise" tab of Moyea Web Player, input the js-ad ID(any name will be ok, except the same ID as other element's on the webpage, here we name it "jsad" for example) in "Setting" tab from the pop-up window.
    [​IMG]

    Step 2: Click "Options" tab, check the box before "is div id" to indicate the js-ad ID input in the previous step is div id. Then click "Submit".

    Step 3: Input the following code in target webpage where the customized web player is embedded.
    <div style="visibility:hidden;" id="jsad">
    YOUR OWN JAVASCRIPT
    </div>
    Code (markup):
    Then you will get a flash video player with personalized js-ad on webpage.
     
    dream party, Jan 17, 2010 IP
  3. dream party

    dream party Active Member

    Messages:
    630
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #3
    dream party, Jan 18, 2010 IP