• Website Home
  • About
  • Services
  • Portfolio
    • Recent
    • Archives
  • Shop
    • Catalog
    • Order

ASK Design Blog

Designer | Artist | Teacher

  •  
    • Blog Home
    • Web Design
    • Graphic Design
    • Art
      • Licensed Art
    • Links
    • Calendar
    • Contact
      • Privacy Policy
      • Cookie Policy

    Can I Display Videos in WordPress?

    February 5, 2022 by ProfK Leave a Comment

    You can display videos and images in WordPress, and there are many good reasons to do so. First of all, they make your website more interesting and engaging. They also enhance SEO by attracting and retaining visitors. In this post, I share my recommended methods for displaying videos in WordPress.

    Self-Hosted Videos

    Self-hosted videos are those that you upload to your site. By default, WordPress allows many video formats to be uploaded to the media library. This approach is not always possible, though. Depending on your web host and hosting plan (especially with shared hosting), there may be file size and space limitations. Since videos can be quite large, space on your shared hosting server can be used up pretty quickly when uploading to the media library. In addition, videos require optimized speed, plenty of RAM, and sufficient bandwidth.

    display videos - wp-medialibrary-upload-options

    While shared hosting usually doesn’t meet all of these needs, VPS and Dedicated Hosting plans may provide an adequate environment for self-hosted video. Check your hosting plan to make an informed decision. If you’ve determined that it’s OK to upload the video file, use the steps below as a guide.

    1. Upload to Media Library

    You could upload the video to your media library, then insert it into a page or post at a later time. Or, you could upload and insert at the same time. Let’s look at the steps for uploading.

    • Go to the Media Library
    • Click the “Add New” button. Alternatively, click on “Add New” in the left sidebar underneath the “Media” label.
    display videos - wp-medialibrary-addnew
    • You have the choice of dragging and dropping the video file into the upload box, or clicking the “Select Files” button to find and select the file on your computer.
    wp-medialibrary-fileupload

    2. Display a Video in a Page or Post

    • Add a Video block
      (option 1): click on Plus “+” sign in next paragraph section
      wp-type-choose-block

      (option 2): click on Plus “+” sign in upper left corner of editor window
      wp-addblock-upperleft

      With both options, a list of blocks will appear. You’ll get a more extensive list with option 2. In the search bar, you can type “video” to quickly find and select the block.
    Add Blocks List
    option 2: extensive list of blocks
    • Use the Video block to upload a new video or select one that’s already in the media library.
      NOTE: the third option (“insert from URL”) will be discussed in the next section on Hosted Videos.
    display videos - wp-videoblock

    Hosted Videos

    Hosted videos are stored on another site and a link or embed code is used to display them on your site. The video streams from the video host’s server, rather than your own webhost’s server. This is my preferred method.

    1. Upload Video to Third-Party Host

    • Upload your video file to a well-known, reliable hosting service like YouTube, Vimeo, or Wistia.
    • Copy the URL address or click the “Share” link.

    2. Display a Video in a Page or Post

    Embed the Video

    Paste the URL or “Share” link into a WordPress block. Seamlessly, the generic block changes to the appropriate video host block. The WordPress built-in video player automatically detects the host’s settings, the user’s device, browser, and internet connection. The video will appear and can be played directly on WordPress. The user will also have the option of going to the host site and viewing it there.

    Alternative Methods
    • ALTERNATIVE: Add a Video Block
      Similar to what we did in the self-hosted section above, you could use an actual Video block. Click on Plus “+” sign in next paragraph section or in the upper left corner of editor window. Select the “Video” block.
      – Use the Video block to “insert from URL”. Paste the URL into the field provided and click on the reverse arrow to apply.
      – Vimeo and YouTube have their own blocks that you could use instead of the generic Video block.
    display videos - wp-videoblock-url
    display videos - wp-youtubeblock
    • ALTERNATIVE: Use iFrame and Custom HTML Block
      Instead of copying the URL from a video host site, you could use the iFrame code in a Custom HTML block. WordPress allows automatic video embeds from a limited number of sites. So, if your video is hosted on a server not on their list, you can go with this alternative method.

      I’ll use YouTube as an example, even though it is on the WordPress auto-embed list. You click the “Share” link, then select the “Embed” option. A pop-up window will appear where you can copy the iFrame code. You paste the iFrame code into a Custom HTML block.
    wp-youtube-embed-wraptext
    YouTube’s embed option
    wp-youtube-iframe-wraptext
    YouTube’s iFrame code

    Although iFrames do have their purpose, I recommend using them as a last resort. Some important reasons for avoiding them:

    • SEO – Search engines may have difficulty indexing and ranking pages with iFrames
    • Linking – Users cannot link to iFrame content
    • Stability – iFrames behave erratically on different browsers
    • Security – Malicious code injection is a possibility
    • ALTERNATIVE: Plugins
      There are lots of plugins to choose from. In all of my years using WordPress, I think I’ve used a video plugin only once. That was so many years ago that I don’t even remember which plugin! If you use a video plugin, please share! Tell us which one and if you’d recommend it.

    Related Posts

    How to Create a Video from iPhoto Slides
    Top 14 Stock Image Sources
    SEO for WordPress Content Creators

    Filed Under: WordPress Tagged With: Custom HTML block, embed videos, hosted videos, iFrame, media library, self-hosted videos, url links, video block, videos, Vimeo, Wistia, YouTube

    Reader Interactions

    Leave a Reply

    Your email address will not be published. Required fields are marked *

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Primary Sidebar

    Affiliate Disclosure

    This website contains affiliate links, which means I may get a small commission (at no cost to you) if you use these links to make a purchase.

    Subscribe to Mailing List

    Sign up to get periodic updates on Anne's design and art adventures, and receive useful info. via her blog.
    * = required field

    We never share our email list with anyone.

    Looking for Something on this Site?

    Search the Web

    New Book Published!

    Kornegger book: Inside the Rainbow

    Art and design for book cover and interior

    Inside the Rainbow: Soul Connection in Nature, by Peggy Kornegger

    BUY THE BOOK!

    Peggy and I have completed our 3rd book together! This one is about soul connection in nature. Peggy is the writer, I'm the designer and artist. I think it's pretty darn special and hope you agree 🙂. Printed book and eBook are both available on Amazon.

     
    kornegger loseyourmind front cover
    Several of my paintings are in this book (including the cover)
    BUY THE BOOK!
     
    Check out my blog post about designing books: Self-Publishing Adventures

    Amazon Affiliate

    As an Amazon Associate I earn from qualifying purchases.

    Photo, Video & Design Software

    Affiliate Partners

    We receive compensation when you purchase a service or product via the links on this blog.

    Web Hosting

    StudioPress
     
    Bluehost Website Hosting

    Testimonials

    I received the notecards on Friday and it was on my to do list today to email you my deep appreciation for them. They are amazing and I am so glad to have them to share. I am sure I will order more in the future. You are such a gifted artist and I thank you for sharing in a way others can use the art.

    — Shari Spokes

    Your new pastel "Lettuce Lake” is really beautiful. Very, very nice.

    — Tony from Belmont, MA

    My dear sweet sister. I can’t tell you how much I love your pictures. I so much wanted something and was so sorry that I couldn’t pick something out at your sale. On the other hand, I so much wanted something that you had chosen for me. Its been on my mind and suddenly, your beautiful pictures arrived. They are beyond beautiful and I cried when I saw them. Sending you love and my bestness.

    — Marti from Reno, NV

    Copyright

    © 2000-2023 Anne S. Katzeff. All rights reserved. Unless noted, all artwork and text are copyrighted by the artist. Images may not be reproduced, manipulated, or used in any way without Anne’s written permission.

    Categories

    Graphic Design

    • AIGA
    • Design Is History
    • Janice Moore
    • Mass. Contractors

    Web Design

    • 978 Grid System
    • A List Apart
    • Adobe Color Tools (formerly Kuler)
    • AWWWards
    • Smashing Magazine
    • underthesite
    • www schools

    Tech-Computer

    • Adobe TV
    • Orramac
    • Teknoziz

    Comments

    In an effort to reduce spam, comments are restricted. Please email Anne if you have a comment or question that you are unable to post. Thanks for understanding.


    Archives

    Typography

    • 1001fonts
    • Adobe Type
    • Adobe Web Type
    • Bitstream
    • Dafont.com
    • Emigre
    • Font converter (free)
    • Font Spring
    • Font Squirrel
    • Google Fonts
    • I Love Typography
    • identifont
    • Typeinspire
    • Typewolf
    • Typoretum

    Photography

    • Creative Commons

    Footer

    Subscribe to Mailing List

    Sign up to get periodic updates on Anne's design and art adventures, and receive useful info. via her blog.
    * = required field

    We never share our email list with anyone.

    Contact

    Website
    Email

    Subscribe to RSS Feed

  •  ASK Design Blog
  • Connect and Share

  •  
  • Legal

    Privacy Policy
    Cookie Policy

    Copyright © 2023 · Optimal Theme · Built on the WordPress Genesis Framework· Customization and design by ASK Design