VidEmbed

(Difference between revisions)
Jump to: navigation, search
(Created page with 'VidEmbed ==What does it mean?== Vidembed adds a way to quickly and easily add videos to pages, posts, and widget areas. This plugin allows you to...')
 
m (Change Default width and height in VidEmbed settings in Post/Page Editor)
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
[[File:Vidembed-icon.png|right|VidEmbed]]
 
[[File:Vidembed-icon.png|right|VidEmbed]]
==What does it mean?==
+
==Description==
 
Vidembed adds a way to quickly and easily add videos to pages, posts, and widget areas. This plugin allows you to embed videos for both self-hosted videos as well as YouTube and Vimeo.  
 
Vidembed adds a way to quickly and easily add videos to pages, posts, and widget areas. This plugin allows you to embed videos for both self-hosted videos as well as YouTube and Vimeo.  
  
Line 6: Line 6:
 
==Add a video a post and page==
 
==Add a video a post and page==
 
When the VidEmbed plugin is activated on your site it adds a shortcode button to the posts and page editors.
 
When the VidEmbed plugin is activated on your site it adds a shortcode button to the posts and page editors.
[[File:Vidembedpost.png]]
+
 
 +
[[File:Vidembedpost.png|368px]]
 +
 
 
If you want to embed a video to a post or page all you have to do is click that button and a popup form will ask for all of the information needed to embed that video.
 
If you want to embed a video to a post or page all you have to do is click that button and a popup form will ask for all of the information needed to embed that video.
[[File:Vidembedform.png]]
+
 
 +
[[File:Vidembedform.png|368px]]
 +
 
 +
Here is a list of the different form fields and the details for what each field is asking for.
 +
 
 
'''Video URL'''
 
'''Video URL'''
 
*YouTube and Vimeo - Find the video on YouTube or Vimeo copy the URL from the address bar at the top of your browser.
 
*YouTube and Vimeo - Find the video on YouTube or Vimeo copy the URL from the address bar at the top of your browser.
 
*Stand alone (ex. mp4,flv, mov) - Write the path to the video on S3 or another stand alone location (example: http://mysite.com/videos/video.mp4).
 
*Stand alone (ex. mp4,flv, mov) - Write the path to the video on S3 or another stand alone location (example: http://mysite.com/videos/video.mp4).
'''Video Title'''
+
 
This is an optional field that will place a title wrapped in h4 tags above the video.
+
'''Video Title''' - This is an optional field that will place a title wrapped in h4 tags above the video.
'''Video Caption'''
+
 
This is an optional field that will place a caption wrapped in p tags below the video.
+
'''Video Caption''' - This is an optional field that will place a caption wrapped in p tags below the video.
'''Video Width'''
+
 
Set the width of the video.
+
'''Video Width''' - Set the width of the video.
'''Video Height'''
+
 
Set the height of the video.
+
'''Video Height''' - Set the height of the video.
'''Autoplay'''
+
 
If this setting is checked then the video will automatically begin playing when the page is loaded.
+
'''Autoplay''' - If this setting is checked then the video will automatically begin playing when the page is loaded.
  
  
Line 28: Line 34:
  
  
 +
==Settings==
 +
The settings section of VidEmbed will allow you to easily style the different players used in this plugin.
 +
There are 3 Different players that are used in VidEmbed with different options:
 +
 +
'''YouTube'''
 +
* Primary border color
 +
* Secondary border and controlbar color
 +
* Add border around player
 +
* Hide related videos
 +
 +
'''Vimeo'''
 +
* Player color
 +
* Show in video intro
 +
** Portrait
 +
** Title
 +
** Byline
 +
 +
'''Open source player'''
 +
* Theme color
 +
* Controlbar font color
 +
* Frame color
  
 +
==Customize VidEmbed==
  
 +
====Extra Customizations Policies====
 +
[http://ithemes.com/codex/page/PluginBuddy#Extra_Customizations Check out the official policy and details on any Extra Customizations]
  
 +
====Change Default width and height in VidEmbed settings in Post/Page Editor====
 +
When you use VidEmbed in any Post or Page Editor, the VidEmbed menu auto-suggests the default values of 480 for width and 385 for height. This can be changed by editing the '''admin.php''' file:
 +
*Remember:
 +
**Make BackupBuddy backups before making any edits.
 +
**Remember: any changes you make here WILL be lost once you upgrade the plugin to any newer version.
 +
**Use a good text editor to make these changes.
 +
*Steps:
 +
**Edit the '''admin.php''' file in the '''plugins/vidembed/classes folder'''.
 +
**Edit line 147 to change the value 480 to anything else you wish. This will change the default width.
 +
**Edit line 151 to change the value 385 to anything else you wish. This will change the default height.
 +
**Save the file on the server.
  
 
==Additional Resources==
 
==Additional Resources==

Revision as of 14:08, March 4, 2013

VidEmbed

Contents

Description

Vidembed adds a way to quickly and easily add videos to pages, posts, and widget areas. This plugin allows you to embed videos for both self-hosted videos as well as YouTube and Vimeo.


Add a video a post and page

When the VidEmbed plugin is activated on your site it adds a shortcode button to the posts and page editors.

Vidembedpost.png

If you want to embed a video to a post or page all you have to do is click that button and a popup form will ask for all of the information needed to embed that video.

Vidembedform.png

Here is a list of the different form fields and the details for what each field is asking for.

Video URL

  • YouTube and Vimeo - Find the video on YouTube or Vimeo copy the URL from the address bar at the top of your browser.
  • Stand alone (ex. mp4,flv, mov) - Write the path to the video on S3 or another stand alone location (example: http://mysite.com/videos/video.mp4).

Video Title - This is an optional field that will place a title wrapped in h4 tags above the video.

Video Caption - This is an optional field that will place a caption wrapped in p tags below the video.

Video Width - Set the width of the video.

Video Height - Set the height of the video.

Autoplay - If this setting is checked then the video will automatically begin playing when the page is loaded.


Add a video to a widget area

Navigate to the Widgets area under Appearance in the WordPress Admin area. Drag the VidEmbed widget into the widget area that you would like for it to display in and fill out the form with the information for the video that you would like to embed. A description of information that should be added to the form fields is provided in the adding a video to a post or page section above.


Settings

The settings section of VidEmbed will allow you to easily style the different players used in this plugin. There are 3 Different players that are used in VidEmbed with different options:

YouTube

  • Primary border color
  • Secondary border and controlbar color
  • Add border around player
  • Hide related videos

Vimeo

  • Player color
  • Show in video intro
    • Portrait
    • Title
    • Byline

Open source player

  • Theme color
  • Controlbar font color
  • Frame color

Customize VidEmbed

Extra Customizations Policies

Check out the official policy and details on any Extra Customizations

Change Default width and height in VidEmbed settings in Post/Page Editor

When you use VidEmbed in any Post or Page Editor, the VidEmbed menu auto-suggests the default values of 480 for width and 385 for height. This can be changed by editing the admin.php file:

  • Remember:
    • Make BackupBuddy backups before making any edits.
    • Remember: any changes you make here WILL be lost once you upgrade the plugin to any newer version.
    • Use a good text editor to make these changes.
  • Steps:
    • Edit the admin.php file in the plugins/vidembed/classes folder.
    • Edit line 147 to change the value 480 to anything else you wish. This will change the default width.
    • Edit line 151 to change the value 385 to anything else you wish. This will change the default height.
    • Save the file on the server.

Additional Resources

  1. Free Plugins by PluginBuddy
  1. PluginBuddy Tutorials
  2. PluginBuddy.com
  3. Support Forums
Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox