-
AuthorPosts
-
June 30, 2014 at 5:30 am #285070
Hello,
I’ve been running into a few issues with trying to display self hosted videos on an enfold child theme.
First:
while putting everything together on localhost I couldn’t get the embed feature to work at all, it would just display a text link to the videoSecond:
self hosted HTML5 videos placed with the following code would not display in Firefox locally or remotely:<video width="775" height="425" controls="controls" poster="http://juicesandmilks.com/tommaso/wp-content/uploads/2014/06/00-GeorgiaGas-icecream-poster.jpg" alt="commercial for Georgia Natural Gas Co. directed by Evan Bernard - production design by Tommaso Ortino"> <source src="http://juicesandmilks.com/tommaso/wp-content/uploads/2014/06/6GEORGIAGASIceCream.mp4" type="video/mp4"> Your browser does not support the video tag. </video>
I’ve seen some discussions on this about setting mime types in the .htaccess file of your server, so I’ve copied the following code onto my remote server’s .htaccess file , but without any luck (all the previous conversations that I had read also mentioned that the mime type issue was only present when viewing sites remotely with FireFox.
Third:
Now using the self hosted video embed feature is partially working with some weird inconsistencies.
It always takes multiple tries before the embed code shows up in the post editor.
Sometimes it shows up as video embed code:
[video width="775" height="425" mp4="http://juicesandmilks.com/tommaso/wp-content/uploads/2014/06/2Charter.mp4"][/video]
Sometimes it shows up as HTML:
<div class="wpview-wrap wpview-type-video wont-play selected" contenteditable="false" data-wpview-text="%5Bvideo%20width%3D%22640%22%20height%3D%22352%22%20mp4%3D%22http%3A%2F%2Fjuicesandmilks.com%2Ftommaso%2Fwp-content%2Fuploads%2F2014%2F06%2F2Charter.mp4%22%5D%5B%2Fvideo%5D" data-wpview-type="video"> <div class="toolbar"></div> [video src="https://juicesandmilks.com/tommaso/wp-content/uploads/2014/06/2Charter.mp4" /] <div class="wpview-overlay"></div> <ins data-wpview-end="1"></ins></div> <p data-wpview-pad="1"></p>
The last video I tried to embed will either show up embedded twice on the page, or it just won’t show up at all
Would someone from the Kriesi team please take a look at my site and point out what could be causing this? I don’t really have any preference for HTML5 over video embed so long as one of them works!
July 1, 2014 at 5:16 am #285547Hi juicesandmilks!
Neither of those shortcodes are how the theme embeds video so that would be an issue with the WordPress embed. When using html5 you need to use a video file with fallback for browsers that don’t support that type. For Firefox I believe you still need to use fallback formats in webM or Ogg but I’ve heard conflicting user feedback on it.
So if you are trying to add a video into a post you can use the WordPress shortcode but the theme doesn’t wrap it in the same html as the themes own shortcode which you can access from the magic wand button and dropdown options in the visual editor.
For non self hosted video you can also simply add in the url for it directly as long as they are oEmbed supported: http://codex.wordpress.org/Embeds
Cheers!
Devin -
AuthorPosts
- You must be logged in to reply to this topic.