VideoShowcase

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
 
(10 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{#ev:youtube|FZXSR-0WPkQ|400|right}}
+
__NOTOC__
'''Series:''' [[DisplayBuddy]]
+
==Description==
+
Video Showcase is a plugin that uses video links from [http://youtube.com Youtube] and [http://vimeo.com Vimeo] to generate thumbnail images for the videos and display those images as video embed links on the front end of your site. When a visitor clicks one of the thumbnail image links the video for that link is displayed in a styled thickbox. The different video links are stored in groups so that the different groups can be displayed through out your website by placing them in widget areas or using shortcodes.
+
  
 +
[[File:Vidshowcase300.png|Vidshowcase300.png|300px|link=|right]]
  
==3 Step Process==
+
Video Showcase is a plugin that uses video links from [http://youtube.com Youtube] and [http://vimeo.com Vimeo] to generate thumbnail images for the videos and display those images as video embed links on the front end of your site. When a visitor clicks one of the thumbnail image links the video for that link is displayed in a styled thickbox. The different video links are stored in groups so that the different groups can be displayed through out your website by placing them in widget areas or using shortcodes.
====Step 1. Create a Group====
+
The first step in adding VideoShowcase to your site is to create a group to store the video entries in. The link to VideoShowcase in the WordPress admin area is in the DisplayBuddy section of the menu. When you click the VideoShowcase link it will direct you to the area where you can create a group. The only information requested to create a group is a name for that group, group image width, and group image height.
+
  
[[File:Create_group.png‎]]
+
{{#ev:youtube|FZXSR-0WPkQ|400|right}}
 
+
After you have created a group it will be added to a table that lists all of the existing groups and lists information about them.
+
 
+
 
+
====Step 2. Add videos to the groups====
+
Once you have created a group then you will be able to add videos to that group. To add videos to a group you can click the "Add Videos" link that is next to the name of the group. There are two different forms for adding videos. The first form can be used for adding a YouTube or Vimeo video, and the second form can be used to add a stand alone video (ex: mp4, flv, and mov).
+
=====Adding a YouTube or Vimeo video=====
+
This form only requires a title and a video page URL.
+
 
+
[[File:Add_video.png‎]]
+
 
+
Example of what to put in the "video URL" are outlined in red in the images below:
+
 
+
[[File:Youtube_sourc.png|418px]]
+
 
+
[[File:Vimeo_source.png|418px]]
+
 
+
Since the videos are stored on YouTube and Vimeo those sites already have images for those videos that VideoShowcase retrieves from those sites and uploads them to your WordPress media library. If you decide that you don't like the image that is retrieved from YouTube or Vimeo then you can edit the video entry and upload or select an image from your media library.
+
=====Adding a Stand Alone video=====
+
This form is used for adding videos that stored in stand alone locations (ex: Amazon S3, Rackspace).
+
Here is a list of the required information for adding a stand alone video:
+
* Video Title
+
* Video File URL - VideoShowcase can only play mp4, flv, and mov files so it is important to make sure that the video files are in the correct format (ex:http://mysite..com/videos/anyvideo.mp4).
+
* Select or upload an image - Upload an image or select an image from your media library.
+
 
+
 
+
====Step 3. Display the groups on your site using widgets or shortcode.====
+
  
[[File:widget_display.png]]
+
<div class="exchange-home-list">
 +
==VideoShowcase Basics== __NOEDITSECTION__
 +
*[[Creating_a_Group|Creating a Group]]
 +
*[[Adding_Videos_to_the_Groups|Adding Videos to the Groups]]
 +
*[[Displaying_VideoShowcase_on_Your_Site|Displaying VideoShowcase on Your Site]]
 +
</div>
  
==Additional Resources==
+
<div class="exchange-home-list">
# [http://pluginbuddy.com/free-wordpress-plugins/ Free Plugins by PluginBuddy]
+
==Customize VideoShowcase== __NOEDITSECTION__
 +
*[http://ithemes.com/codex/page/Extra_Customizations Official policy and details on any Extra Customizations]
 +
*[[Force_VideoShowcase_to_Appear_OVER/ON-TOP_of_Flash|Force VideoShowcase to Appear OVER/ON-TOP of Flash]]
 +
*[[Change_Default_Video_Size|Change Default Video Size]]
 +
*[[Hide_Video_Thumbnails|Hide Video Thumbnails]]
 +
</div>
  
# [http://pluginbuddy.com/tutorials/ PluginBuddy Tutorials]
+
<div class="exchange-home-list">
# [http://pluginbuddy.com/ PluginBuddy.com]
+
==Additional Resources== __NOEDITSECTION__
# [http://pluginbuddy.com/support/ Support Forums]
+
*[http://ithemes.com/purchase/backupbuddy/ Purchase BackupBuddy]
 +
*[http://ithemes.com/tutorials/ iThemes Tutorials]
 +
*[http://ithemes.com/ iThemes.com]
 +
*[http://ithemes.com/forum/ Support Forums]
 +
</div>
  
[[Category:PluginBuddy]]
+
<br />
 +
[[:Plugins|← Back to Plugin Codex Home]]

Latest revision as of 16:31, July 19, 2013


Vidshowcase300.png

Video Showcase is a plugin that uses video links from Youtube and Vimeo to generate thumbnail images for the videos and display those images as video embed links on the front end of your site. When a visitor clicks one of the thumbnail image links the video for that link is displayed in a styled thickbox. The different video links are stored in groups so that the different groups can be displayed through out your website by placing them in widget areas or using shortcodes.



← Back to Plugin Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox