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
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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..
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
This tutorial shows mp4 working…
http://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="http://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: http://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…
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.
http://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.
