Header Slide 1

Wiki

To insert HTML5 video into a WordPress page:

  1. Edit page, click Add Media, upload video, and copy URL
  2. Make sure you are editing page in Text mode (not Visual)
  3. Copy the following code block into the page:

    <video width=”100%” controls>
    <source src=”http://path-to-video-file.mp4” type=”video/mp4″>
    <source src=”http://path-to-video-file.webm” type=”video/webm”>
    <source src=”http://path-to-video-file.ogg” type=”video/ogg”>
    Your browser does not support HTML5 video.
    </video>

  4. Replace the http://path-to-video-file links with the URL to the video. Remove any source tags you don’t have a video for.
  5. The way this works: the source tags between the video tags will be loaded and played. The width controls how wide the video can be, height will be automatically calculated. Controls signals the player to show the play, pause, timeline, audio, and full-screen buttons. Any text between the video tags will be displayed if the browser cannot play the video in the source tags.