Hi Guys,
I'm having trouble with self hosted videos in Shoutbox, I wonder if you can help?
Usually I just link out to a file on Vimeo or YouTube, but for a new site I want to create it would be better to self host the videos. But it seems to be more complex than I originally thought looking at this post on Angular by Nick:
http://www.kriesi.at/support/topic/self-hosted-html5-video-not-working
Basically I have three questions/problems:
1. File Types
Why is it necessary to have mp4, webm, and ogv (or f4v) and a jpeg file for each video?
I'm assuming its a device or browser issue. So the next question is -
2. Selecting the File Type
If I make a link to a video using the Add featured media box, it only allows me to choose one file as the embedded video. So how/why do the other file types ever get activated? Sorry if these are dumb questions, but all this is completely new to me.
3. Troubleshooting
I set up a test post with a featured image as the keyframe for the linked hosted video (an mp4 hosted in a "films" folder in the "Uploads" folder of Wordpress. In that folder I have put all the test videos from the Angular post that Nick wrote (mp4, webm, ogv and jpeg) and also added the MIME file types into my htaccess file.
When I viewed the post I had the following errors appear above it:
Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c09/h04/mnt/138685/domains/sosgalgos.com/html/wp-content/themes/shoutbox/framework/php/function-set-avia-frontend.php on line 496
Warning: file_get_contents(http://sosgalgos.com/wp-content/uploads/films/video-test/echo-hereweare.jpg) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c09/h04/mnt/138685/domains/sosgalgos.com/html/wp-content/themes/shoutbox/framework/php/function-set-avia-frontend.php on line 496
Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c09/h04/mnt/138685/domains/sosgalgos.com/html/wp-content/themes/shoutbox/framework/php/function-set-avia-frontend.php on line 496
Warning: file_get_contents(http://sosgalgos.com/wp-content/uploads/films/video-test/echo-hereweare.webm) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c09/h04/mnt/138685/domains/sosgalgos.com/html/wp-content/themes/shoutbox/framework/php/function-set-avia-frontend.php on line 496
Warning: file_get_contents() [function.file-get-contents]: http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c09/h04/mnt/138685/domains/sosgalgos.com/html/wp-content/themes/shoutbox/framework/php/function-set-avia-frontend.php on line 496
Warning: file_get_contents(http://sosgalgos.com/wp-content/uploads/films/video-test/echo-hereweare.ogv) [function.file-get-contents]: failed to open stream: no suitable wrapper could be found in /nfs/c09/h04/mnt/138685/domains/sosgalgos.com/html/wp-content/themes
However, clicking the video did make it play. The only thing is that the video was positioned top left in the screen which I assume is because the video dimensions (480x270px) are too small for the player window (about 620x400px).
I haven't made the post visible for obvious reasons, but you can get to it here:
So basically I need to know
- How to set up the video archive correctly (one folder for each video with the four file types inside?)
- How do I use the jpeg file as the keyframe (or is it just a question of linking to it through the media library?)
- How do I get the right video file to play if I can only select one file?
- How do I fix the errors that appeared?
Thanks in advance!
Rich














