You are here

IFood.tv Releases New Video Player!

Rebekah's picture


ifood.tv is excited to announce the official launch of our new video player! The player offers our partners new capabilities to display, distribute and monetize their videos.


 


Whats New?


The new and improved player comes with the following capabilities:


  1. Ability to embed your ifood.tv videos on your blogs/websites: In addition to embeding individual videos, which you could do with the previous version, you can now create:


    1. A channel featuring all of your ifood.tv videos. The channel features a set of videos that the user can browse through and play without reloading the page. In addition, the look-and-feel (including the playlist position) can be customized to fit your website. The channel can be easily embedded on any website just like an individual video. See details below.

    2. Custom widget that can be placed anywhere on the site and provide your users with easy access to videos. The widget can, again, be tailored to suit your site layout and design.

  2. Ability to include pre-roll advertisements on your videos. This means that you will make money every time your video is played on ifood.tv, your own site, or a 3rd party site that you choose to distribute the videos to.

  3. Extensive options to customize the player, channel or the playlist to meet your specific needs. For more on the various options available, refer to the details below.


 


Overview of the New Player



There are three main ways in which a publisher can use the video player on their site:

 


OPTION 1: Embed A Single ifood.tv Video



Video Player


Embed individual videos just like you would embed a Youtube video. Included in the player are a variety of fun options:


  • Share: Email this video to a friend

  • Publish: Get this video's embed code or url

  • Participate: Comment on this video

  • HD: Enable or disable HD

  • Facebook Icon: Share this video on Facebook

  • Twitter Icon: Share this video on Twitter


How to embed this player on your site:


1) Use the publish button on the player to copy the embed code and paste it in your page code. The code would look like this:


 


<div id='ifoodtv-video-player'><object><param name='wmode' value='transparent'></param><embed src='http://static.ifood.tv/player/player.swf'  allowScriptAccess='always' flashVars='autoPlay=false&volume=0.8&playerListPosition=bottom&videoId=######&playSounds=false&loopPlaylist=false&backgroundColor=0xCCCCCC&showPlaylist=false&results=10&shuffle=false&maintainAspectRatio=true&disablePlaylist=true' wmode='transparent' width='602' height='478' allowFullScreen='true'></embed></object> <div style='text-align:center;font-size:11px;'>Powered by: <a href='http://www.ifood.tv'>ifood.tv</a></div></div>


 


2) Replace the # in videoId=###### with your Video ID. To find your video's Video ID Number, login to iFood.tv.


  • Then go to your video.

  • Then click the “Edit” tab.

  • You will now be on a page with the url http://upload.ifood.tv/node/###/edit.

  • The ### in between “node” and “edit” is your video's Video ID.


 


3) Edit the embed code to customize your player if necessary. You can customize the player using the following parameters:


  • Color: Change the color of the player by replacing CCCCCC with the color of your choice.

  • Maintain Aspect Ratio: Replace true with false if you do not want to maintain your video’s aspect ratio.

  • Width: Change the width of the player by replacing 602 with your preferred width in number of pixels.

  • Height: Change the height of the player by replacing 478 with your preferred height in number of pixels.


 


4) Add your embed code to your website, and you’re finished!

This new video player also supports pre-roll advertisements on your videos. If you would like to enable these advertisements and earn revenue share, please contact us (biz@ifood.tv) to start the application process.


 


OPTION 2: Embed Your ifood.tv Channel

Your ifood.tv channel (highlighted in red below) allows the user to browse a set of your videos and play them as needed in the player without having to reload the page. The playlist (highlighted in blue) can include include any number of your videos uploaded on the site.



Video Channel


 



Included in the player are a variety of fun options:


  • Share: Email this video to a friend

  • Publish: Get this video's embed code or url

  • Participate: Comment on this video

  • HD: Enable or disable HD

  • Facebook Icon: Share this video on Facebook

  • Twitter Icon: Share this video on Twitter


How to embed this player on your site:


1) Copy this embed code:


 


<div id='ifoodtv-video-player'><object><param name='wmode' value='transparent'/><embed src='http://swf.ifood.tv/flvPlayer.swf' allowScriptAccess='always'   flashVars='playerListPosition=bottom&searchKey=&backgroundColor=0xCCCCCC&volume=0.8&showPlaylist=true&disablePlaylist=false&autoPlay=false&showLogo=true&results=50&playSounds=true&maintainAspectRatio=true&userId=#&videoId=&loopPlaylist=true&enhancements=false&fav=0&shuffle=true&delay=0&hd=true&skipFirstAd=true&playerFile=flvPlayer.swf&site=swf&domainId=443dibuFxTX'  width='480' height='485'  wmode='transparent' allowFullScreen='true'></embed></object><div style='text-align:center;font-size:11px;width:602px;'>Powered by: <a href='http://www.ifood.tv'>ifood.tv</a></div></div>


 


2) Replace the # in UserID=# with your User ID. To find your User ID Number, login to iFood.tv.



3) Edit the embed code further to customize your player if necessary. You can customize the player using the following parameters:


  • Playerlist position: Choose the position of the playlist by replacing bottom with either Top, Left or Right.

  • Color: Change the color of the player by replacing CCCCCC with the color of your choice.

  • Max Results: Replace 50 with the number of results you want displayed in the playlist.

  • Maintain Aspect Ratio: Replace true with false if you do not want to maintain your video’s aspect ratio.

  • LoopPlayList: Replace false with true if you would like the next video to automatically play after a video ends

  • Width: Change the width of the player by replacing 480 with your preferred width in number of pixels

  • Height: Change the height of the player by replacing 485 with your preferred height in number of pixels.

  • HD: Replace true with false if you do not want to enable High Definition on your videos.



4) Add your embed code to your website, and you’re finished!

This new video player also supports pre-roll advertisements on your videos. If you would like to enable these advertisements and earn revenue share, please contact us (biz@ifood.tv) to start the application process.




OPTION 3 - Embed a Playlist

You can also embed the new video player as a vertical or horizontal playlist. This is a great way to create a channel of all your videos while conserving space on your website. This screenshot shows both a horizontal and vertical playlist. The playlist can be easily placed in the right/left sidebar, or included horizontally at the bottom of blog posts.



Playlist Only



When a user clicks on a video in the playlist, a pop-up will begin to play the video. The pop-up’s background will cover the entire page so the user can focus on the video. Clicking on the Close button will take the user back to the page that they were on. This keeps the user on your site even when they are watching the video.

 


Video Popup




How to embed the playlist on your site:

1) Copy this embed code:


 


<object><param name='wmode' value='transparent'/><embed src="http://swf.ifood.tv/flvPlayList.swf" allowscriptaccess='always'   flashvars="playerListPosition=horizontal&searchKey=&backgroundColor=0xCCCCCC&volume=0.8&showPlaylist=true&disablePlaylist=false&autoPlay=true&showLogo=true&results=10&playSounds=true&maintainAspectRatio=true&userId=#&loopPlaylist=false&enhancements=false&fav=0&hd=true&skipFirstAd=true&popUpWidth=602&cb=false&popUpHeight=478&popUpOverlay=#332D2D&site=swf&playerFile=flvPlayer.swf&playListFile=flvPlayList.swf&domainId=443dibuFxTX"  width='600'  height='110'  wmode='transparent' allowfullscreen='true'></embed></object><div style='text-align:center;font-size:11px;width:110px;'>Powered by: <a href='http://www.ifood.tv'>ifood.tv</a></div>


 


2) Replace the # in UserID=# with your User ID. To find your User ID Number, login to iFood.tv.


 


3) Edit the embed code further to customize your player if necessary. You can customize the player using the following parameters:


  • Playlistposition: Choose the position of the playlist by replacing bottom with either Top, Left or Right.

  • Background Color: Change the color of the player by replacing CCCCCC with the color of your choice.
  • Max Results: Replace 10 with the number of results you want displayed in the playlist.

  • Maintain Aspect Ratio: Replace true with false if you do not want to maintain your video’s aspect ratio.

  • LoopPlayList: Replace false with true if you would like the next video to automatically play after a video ends

  • HD: Replace true with false if you do not want to enable High Definition on your videos.

  • Popup Width: Change the width of the pop-up player by replacing 602 with your preferred width in number of pixels

  • Popup Height: Change the height of the pop-up player by replacing 478 with your preferred height in number of pixels.

  • Popupoverlay color: Replace 332D2D with the color of your choice.

  • Width: Change the width of the playlist by replacing 600 with your preferred width in number of pixels

  • Height: Change the height of the playlist by replacing 110 with your preferred height in number of pixels.



4) Add your embed code to your website, and you’re finished!

The playlist version of the player also supports pre-roll advertisements on the pop-up videos.



If you would like to enable these advertisements and earn revenue share, please contact us (biz@ifood.tv) to start the application process. Enjoy our new video player!

Rate This

Your rating: None
4.075
Average: 4.1 (2 votes)