Adding Video into the Theme

Using this tutorial, create the HTML5 Video Shortcode

Include now in your page template per this example:

<div id="your_created_css_id">
<?php do_shortcode('[video5_shortcode_per_instructions_here]'); ?>
</div>

Of course, you need to upload the video…and ensure your server can deliver the bandwidth required…

okay thanks I’ll try this.

do I edit this part in the code? [video5_shortcode_per_instructions_here]

It didn’t work? It said that the video format wasn’t supported. It was a .mp4

Upload your video to youtube

then find a tutorial how to link youtube videos into your page

I really don’t want to use a third party website if I can do it on my own server..

This tutorial shows mp4 working…
https://www.w3schools.com/html5/html5_video.asp

Maybe try flash after?

do I edit this part in the code? [video5_shortcode_per_instructions_here]

Yes, per the instructions in first link above…

Would be something like:

[video5 src="https://your-site/videos/your-video.mp4" width="720" height="480"]

Modify this to your needs and you can also add additional optional attributes

I did what you told me to do and I get this: https://kglyphics.com/

Again, you can add additional optional attributes, for example, autoplay – I would make it smaller (to save bandwidth)…

Final note…older browsers will not see this as they are not html5, so you could add a conditional and link just them to a flash video…

Its not working?

Yes, it worked.

I’m seeing “Video format or MiME type is not supported” I’m using firefox.

That is correct for h264 video in FF, the workaround is as I noted above, provide an additional video format that will play in FF and older browsers and set up a conditional to test for user agent strings.

https://www.mediawiki.org/wiki/Extension:HTML5video

This post should help also.

This too

WordPress supports testing for the user agent string(s)

Thanks, I’ll look into this.

Sorry if you’ve stated it before, I’m relatively new to the wordpress code so it may have been a bit unclear for me earlier.