Difference between revisions of "Video Embed - Wordpress"

From Help Wiki
m
m (subst applied to Template:TwoColumn)
 
(21 intermediate revisions by 3 users not shown)
Line 1: Line 1:
__NOTOC__
+
 
<div class="row-fluid"><div class="span8 ">
+
<div class="container-fluid">
 +
<div class="row">
 +
<div class="col-md-8">
 
<div class="lead">
 
<div class="lead">
[[Image:Blue-l.png|left|75px]] You can embed a variety of video services (including YouTube) as well as your own uploaded Quicktime movies.
+
You can embed a variety of video services like YouTube and Vimeo easily into your WordPress site.
 
</div>
 
</div>
<div class="gradientshadow"></div>
 
[[File:Wp-embed-video.png|thumb|250px|right|3. Click the video service you're using]]
 
[[File:Wp-embed-video2.png|thumb|250px|right|4. Enter the URL to your video]]
 
[[File:Wp-embed-video3.png|thumb|250px|right|5. Note the "shortcode" that is created]]
 
===Using the Video QuickTags plugin===
 
 
  
 
====Embed video from a hosted video service====
 
====Embed video from a hosted video service====
#Upload your video to your preferred video hosting service.
+
#Upload your video to your preferred video hosting service (e.g., Youtube, Vimeo).
 
#Create or edit the post or page where you'd like your video to appear
 
#Create or edit the post or page where you'd like your video to appear
#From the editing toolbar click the icon for your video service (i.e. YouTube)
+
#From the editing toolbar paste the url on its own line to the video you'd like to embed
#enter the URL to your video (the display window will show you an example URL from that service)
+
#Save your changes (Update or Publish)
#Note the "shortcode" that is added to your post. This short code tells WordPress what plugin to use (Vimeo or YouTube) and gives it a specific value to display (the URL to your video).
+
#Save your changes (Update or Publish) and view your video
+
  
====Upload and embed your own video====
 
If you choose this option, keep in mind there is a 20MB per file limitation and you only have 100MB overall of file space on blogs.evergreen.edu. Uploading video to the blog server is only an option for host only a few very small videos. Anything larger will need to be hosted on a video service such a YouTube.
 
  
#Upload your media to the blog server and copy the link to the location of the video file you'd like to display
+
<!-- end col-md-8 -->
#*If your video file is too large, you may need to make host it on another web server and simply link to the file from within Wordpress
+
</div>
#Use the Video Quick tags available in the editing bar of your post or page
+
<div class="col-md-1"></div>
#Paste the url to your video file
+
<div class="col-md-3 sidebar">
 +
{{WordPress Sidebar Header}}
  
====Change your Video Quicktags Settings====
 
Enable more video types or video sites and change the default dimension sizes for displaying video
 
#Go to '''Settings > Video Quicktags'''
 
  
===Using the Embed Video plugin===
+
{{WordPress Media Sidebar}}
Another option is to use the Embed Video plugin. The advantage is that you can specify a movie poster as well as a download link for the files. See [[Embed Enhanced or Video Podcast - Wordpress]]. This will work for just video as well (doesn't need to be a podcast).
+
 
 +
 
 +
----
 +
 
  
<!-- end span8 -->
 
</div>
 
<div class="span4 gradientbox">
 
 
{{WordPress Help Sidebar}}
 
{{WordPress Help Sidebar}}
  
<!-- end span4-->
+
<!-- end col-md-3-->
 
</div>
 
</div>
<!-- end row-fluid -->
+
<!-- end row-->
 
</div>
 
</div>
 
+
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
  
 
  [[category:Wordpress]]
 
  [[category:Wordpress]]
[[category:Wordpress Plugins]]
 

Latest revision as of 16:01, 14 August 2017

You can embed a variety of video services like YouTube and Vimeo easily into your WordPress site.

Embed video from a hosted video service

  1. Upload your video to your preferred video hosting service (e.g., Youtube, Vimeo).
  2. Create or edit the post or page where you'd like your video to appear
  3. From the editing toolbar paste the url on its own line to the video you'd like to embed
  4. Save your changes (Update or Publish)