http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone Support Forum - Topic: HTML5 self-hosted video not working in gallery for Firefox and iPhone en-US Thu, 23 May 2013 12:09:14 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82458 Tue, 06 Nov 2012 05:37:34 +0000 Dude 82458@http://www.kriesi.at/support/ <p>Hey! </p> <p> Please create me a wp admin account and send me the login data to: <a href="mailto:kriesi2000-dude@yahoo.com">kriesi2000-dude@yahoo.com</a> - I'll look into it. </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82395 Mon, 05 Nov 2012 20:08:59 +0000 aeid101 82395@http://www.kriesi.at/support/ <p>Ok, I tried it again and still have the same issue: <a href="http://screenr.com/YM87" rel="nofollow">http://screenr.com/YM87</a> . Here is a link to the new page for inspection: <a href="http://goo.gl/IGQys" rel="nofollow">http://goo.gl/IGQys</a></p> <p>Thanks,</p> <p>aeid101 </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82391 Mon, 05 Nov 2012 19:59:47 +0000 Devin 82391@http://www.kriesi.at/support/ <p>Now that you've updated, can you go back through the steps of adding the video. Could you also try not setting a preview image just to help add another layer of checks to the page.</p> <p>Appreciate the quick updates and working with us on this one :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82389 Mon, 05 Nov 2012 19:54:31 +0000 aeid101 82389@http://www.kriesi.at/support/ <p>Hello Devin,</p> <p>I upgraded to version 1.2 of Eunoia and disabled all plugins. The test site is live here: <a href="http://goo.gl/lus4f" rel="nofollow">http://goo.gl/lus4f</a> .The video still does not run... </p> <p>Thanks for your support, </p> <p>aeid101 </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82366 Mon, 05 Nov 2012 18:44:43 +0000 Devin 82366@http://www.kriesi.at/support/ <p>Hi aeid101,</p> <p>Can you try disabling all active plugins you have running to make sure nothing is conflicting with the themes attempt at getting the video to play.</p> <p>If you could also push your test site live to see if putting it live fixes the issue and to let us inspect the page as well.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82365 Mon, 05 Nov 2012 18:43:37 +0000 Nick 82365@http://www.kriesi.at/support/ <p>Hi,</p> <p>Have you installed the update that was released in last day or so?</p> <p>[Edit: Yes, you are not using the latest version of Eunoia, because you are throwing jquery error on line 1756 of aviapoly2.js , which is completely rewritten in the latest update. Please go to Theme Forest and update. Nice video btw, looks ultra smooth compared to mine. But after looking at the prices $$$... I paid $15 for 1 year of screen-cast-o-matic and it uploads to youtube, vimeo, google apps, and a few others.]</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82362 Mon, 05 Nov 2012 18:30:55 +0000 aeid101 82362@http://www.kriesi.at/support/ <p>Hmm... For some reason, the mediaplayer is not working for a 10MB MP4 video file on Eunoia. Here's a short screencast of an attempt to get the video player to work on my development theme : <a href="http://screenr.com/7h87" rel="nofollow">http://screenr.com/7h87</a></p> <p>Thanks, </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82275 Mon, 05 Nov 2012 10:34:01 +0000 Dude 82275@http://www.kriesi.at/support/ <p>Hi! </p> <p> Yes, the mediaelement player is already built into this theme. It will bes used if the media file type is ogv, mp4 or webm.</p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82251 Mon, 05 Nov 2012 07:25:29 +0000 aeid101 82251@http://www.kriesi.at/support/ <p>Ok, thanks for the quick response. I am running the Eunoia theme. Are there self-hosting video capabilities built into Eunoia? If not, I'd like to request that mediaelement player be integrated into this theme in a future update, as it appears that it currently is not and many users would like to use the theme to host videos. </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82169 Sun, 04 Nov 2012 06:03:45 +0000 Dude 82169@http://www.kriesi.at/support/ <p>Afaik Angular already uses the mediaelement player and you don't need to install any additional plugins (maybe the plugin even breaks Angular). Try to deactivate the plugin and use the "Featured media" uploader on the post/page editor page to upload your mp4 or ogv videos (the uploader will handle these videos like images). </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82126 Sat, 03 Nov 2012 20:04:20 +0000 aeid101 82126@http://www.kriesi.at/support/ <p>Thanks Dude!</p> <p>I installed the mediaelements.js plugin for Wordpress and followed the steps in Nick's screen cast. However, the video doe not play. It only shows the static cover image which I selected. The video I am trying to run is MP4 file type and is hosted locally on my wordpress installation. </p> <p>Is there a step I am missing? </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82122 Sat, 03 Nov 2012 19:11:30 +0000 Dude 82122@http://www.kriesi.at/support/ <p>Hi! </p> <p> Since angular version 1.3 (latest version is 1.4) Kriesi uses mediaelements: <a href="http://mediaelementjs.com/" rel="nofollow">http://mediaelementjs.com/</a> for html5 media. It's not easily possible to replace it with flowplayer 5 though. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-82046 Fri, 02 Nov 2012 23:19:03 +0000 aeid101 82046@http://www.kriesi.at/support/ <p>@Nick,</p> <p>Thanks for posting a screencast on this. My question is what video player are you using to play the .MP4 file? I would like to do exactly the same thing that you are demonstrating in your screencast with FlowPlayer. Is that possible? </p> <p>Thanks in advance, </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-81159 Fri, 26 Oct 2012 11:03:19 +0000 Nick 81159@http://www.kriesi.at/support/ <p>Hi,</p> <p>No. Please make the video full screen and pause it during the times I indicate. </p> <p>Initially all 3 videos are uploaded. The image is not. So (1) first thing I do, is I get the URL of the mp4 [second :11 of video]. (2) I create a new page and paste the url to the mp4 video [second :22 of the video] that i copied in step 1. then I click the insert video button. (3) I then click the link SHOW and at [second :29] I click the image of the film canister. This is the part where I upload the image (*not* the .mp4 file), you can see the extension of the file I picked is .png. </p> <p>So, what you are doing, is adding the mp4 video when I am adding the image,(you add the mp4 twice,) when I add it once (i paste URL), and then I upload the image.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-80822 Tue, 23 Oct 2012 20:45:50 +0000 jamesbrooks50 80822@http://www.kriesi.at/support/ <p>Thanks for taking the time to make the video. I'm confused because in the video you selected the mp4 file as the doorway image when you added the URL through the add external video button... yet your previous post says this was causing the issue. I followed the video exactly and created this link. Still not working on Firefox and iOS. Please help.</p> <p><a href="http://ehub31.webhostinghub.com/~jamesb17/wp/?page_id=550" rel="nofollow">http://ehub31.webhostinghub.com/~jamesb17/wp/?page_id=550</a> </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-80808 Tue, 23 Oct 2012 18:40:36 +0000 Nick 80808@http://www.kriesi.at/support/ <p>Hi,</p> <p> I downloaded your 3 videos and set everything up on my localhost and there were no problems. Looking at the code, you are attaching the mp4 file as the doorway image which would break firefox and the ios browser since they don't use that format. Please take a look at this video, and see what you are doing different.</p> <p><a href="https://docs.google.com/open?id=0B8hqGBMSfHtKYnJKREhkTWlDRnc" rel="nofollow">https://docs.google.com/open?id=0B8hqGBMSfHtKYnJKREhkTWlDRnc</a></p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/html5-self-hosted-video-not-working-in-gallery-for-firefox-and-iphone#post-80640 Mon, 22 Oct 2012 15:23:58 +0000 jamesbrooks50 80640@http://www.kriesi.at/support/ <p>Hi, so I've attempted to host my own HTML video but the code that's supposed to detect browser type and display the appropriate video file (.ogg, mp4, webm) is not working. Also, the preview still that's supposed to show up is not working either.</p> <p>I'm not sure what's going on, but I really need the video to play in Firefox and on a iOS and Android devices. I'm frustrated that the code doesn't work as it says in the documentation. Can you please help me fix this?</p> <p>Link to my site: <a href="http://ehub31.webhostinghub.com/~jamesb17/wp/?page_id=510" rel="nofollow">http://ehub31.webhostinghub.com/~jamesb17/wp/?page_id=510</a></p> <p>Specific issue: MP4 video plays in Chrome and Safari, but the gallery it's not loading the OGG for Firefox or the WEBM for iPhone.</p> <p>Steps I've taken<br /> - uploaded 3 video files and a JPG with the same name to my WP media library<br /> - added AddMedia code to htaccess file<br /> - added a portfolio item to display the MP4 video</p> <p>FROM THE ANGULAR DOCUMENTATION (FOR REFERENCE)<br /> Self Hosted Videos, HTML5:</p> <p>If you want to display self hosted videos: that works as well, but only for HTML 5 compatible data types. Simply click the add external URL Button and add the link to your Video. The slideshow will automatically embed the movies as HTML5 movies with a fallback flash slider. Supported formats are .mp4, .webm and .ogv. If you want to upload different formats for different browsers (some browsers support mp4, some ogv, some webm) feel free to do so by just linking to one of these files and uploading the others with the same name but different file format. Eg you enter</p> <p><a href="http://yoursite/wp-content/uploads/2011/12/Cataclysm_Cinematic.ogv" rel="nofollow">http://yoursite/wp-content/uploads/2011/12/Cataclysm_Cinematic.ogv</a> into the URL Field once you have clicked the "Add external Video" Button. Then make sure that the files</p> <p><a href="http://yoursite/wp-content/uploads/2011/12/Cataclysm_Cinematic.mp4" rel="nofollow">http://yoursite/wp-content/uploads/2011/12/Cataclysm_Cinematic.mp4</a> and<br /> <a href="http://yoursite/wp-content/uploads/2011/12/Cataclysm_Cinematic.webm" rel="nofollow">http://yoursite/wp-content/uploads/2011/12/Cataclysm_Cinematic.webm</a></p> <p>are also on your server. The SLideshow will automatically pick the correct Video for the current Browser</p> <p>The Slideshow will also automatically check if the browser used to display the video is capable of displaying the content as HTML5 video, and if thats not the case serve a flash fallback. It is recommended to always at least provide a h264 encoded mp4 file. If you want to set a "poster image" (a image that is displayed before the player starts) simply upload an image with the same name as the video.</p> <p>If the Videos do not appear correctly in your browser you might want to add this to your root folders htaccess file, since some servers are not equiped to properly play html5 videos by default:</p> <p>AddType video/ogg .ogv<br /> AddType video/mp4 .mp4<br /> AddType video/webm .webm </p>