Web Video Player Video Tutorials
-
Web Video Player Overview
This video tutorial introduces the basic features of CoffeeCup Web Video Player. This program allows you to convert videos for use on the Web and add a Flash™ video player to your Website.
(Version 5.2 used in this video tutorial) -
Adding Videos
In this tutorial, you'll learn how to add videos to your Website using CoffeeCup Web Video Player. It will also explain the various settings, including player size, auto play videos, loop videos, show playlist on startup, shuffle videos, and fix for displaying active content for Internet Explorer. To add a video, click the Add Video button and browse your computer for the desired video. The next step is choosing which quality you'd like to convert your video to: good, better, or best. Saving your player opens a window showing you which files you must upload in order for your player to appear on your Website, as well as the HTML code that must be pasted on every page where you want your video to appear. Finally, the tutorial will show you how to rename or delete your video.
(Version 5.2 used in this video tutorial) -
Uploading Web Video Player
This tutorial will walk you through the process of uploading a video player created using CoffeeCup Web Video Player to your server. First, save your video player. This brings up the Files to Upload dialog box, which lists the files you need to upload in order for your video player to display correctly, as well as the HTML code you need to paste on every page where you want the player to appear. Click the Upload Now button to access the My Sites dialog box. If you have not yet set up a server profile, you can do so through this window. The video will explain the process of setting up a server profile, including what information needs to go in which fields and where you can obtain it if you have forgotten it. Clicking Connect opens the Remote Server window, where you can upload your files using the Upload Files Here button.
(Version 5.2 used in this video tutorial) -
Adding Video Player to Visual Site Designer
This video will show you how to add a video player created in CoffeeCup Web Video Player to a Webpage created in CoffeeCup Visual Site Designer. The first step is saving your video player files to the _website folder created by Visual Site Designer. Next, open Visual Site Designer and click the Add Flash™ tool. Use your mouse to define the area on your page where you'd like your video player to appear, and, when prompted, browse your computer for the associated XML file, which should be located in the _website folder. The tutorial closes by showing you how to preview your video player within Visual Site Designer.
(Version 5.2 used in this video tutorial) -
Adding Videos to HTML Editor
This tutorial will show you how to add a video player created in CoffeeCup Web Video Player to a Webpage created in CoffeeCup HTML Editor. When you save your video player, a window will appear showing you the files you need to upload to your server in order for your video player to work correctly, as well as the HTML code you'll need to copy and paste to your Webpage. Open HTML Editor and paste the code where you want the player to appear between the body tags. The video will also show you how to move the player around your page using the Visual Editor tab.
(Version 5.2 used in this video tutorial) -
Creating Custom Skins
This video will show you to create your own skin in CoffeeCup Web Video Player. This is an unsupported option, but we've received so many requests from users who wanted to know how to do this that we decided to show them how. First, hold down your Ctrl key and click the background to enable the Create New Skin icon. This will create a blank player. The next step is to add your own image(s). You will need to create and save them in JPG format in a separate image-editing program. Double-click the area where you'd like to add the background, and then browse your computer for the desired image. The various player controls will appear as text on top of the image. To change them to images, double-click them and browse your computer for the desired images. You can move and resize them using your mouse. When you're satisfied with how your skin looks, click Save and navigate to the CoffeeCup Web Video Player Skins folder within the Save As dialog box. Create a new folder for the skin within this folder, and within the new folder, create another folder named small or medium, depending on the skin you've created. Save your skin in that folder. This will list your custom skin within the Select Skin drop-down menu. When you restart the program, the new skin will be listed.
(Version 5.2 used in this video tutorial)
