Skip to main content
Humanities LibreTexts

3.6: How Can I Use Video on my Site?

  • Page ID
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \) \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)\(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\) \(\newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\) \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\) \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\) \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\) \( \newcommand{\Span}{\mathrm{span}}\)\(\newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    Nearly all websites will allow you to add video but there is a difference between hosting and embedding video on your page. Most blogging software and web hosting services limit the amount of video you can add directly, making streaming from a video hosting site such as YouTube, Vimeo, or the Internet Archive a far better option. Processing and streaming video is their business.

    Even if you have your own domain name and server space, you will probably find it easier and more efficient to use a video hosting service than to store your videos on your server.

    There are a few different ways to include video on your website. Perhaps the easiest way is simply to include the link to the video you want to show. Many websites will recognize the URL and automatically link it (this can easily be seen on Facebook). The problem with including only a link is getting the audience back to your page (or not having them ever leave it).


    Figure 20. It’s pretty easy to embed a YouTube video in your blog. (

    Thus, it is more effective to embed video and most video hosting sites will generate the embed code for you, which you can simply paste into your webpage. You often need to use HTML mode, rather than the visual editor. Embed codes are also generated for slideshows such as Prezi, Vuvox, or even a Picassa album of still images, allowing you to embed these moving images like you would a video.

    To embed a YouTube video:

    1. Click on the Share button just below the video or slideshow. A link will be shown, but there is also another button labeled Embed.
    2. Click on Embed and you’ll get the HTML embedding code with various options you can select such as size, play in HD, etc. If you are using a WYSIWYG editor on your blog, you’ll have to select the “view source code” or similar option to paste in the HTML that YouTube has provided.

    Figure 21. Look for “HTML” or “Source” in your WYSIWYG editor, and use it to paste in the video embed code, as in this example from WordPress.

    Not surprisingly, Google (who owns YouTube) provides a very similar process for embedding Google Maps into blogs, wikis, or web pages. Click on the “Link” icon in the upper left hand corner of a map, copy the code, and then paste the code into your page, following the same process as above.