I am completely new to website editing and to facilitate my life I have integrated Dreamweaver CS3's Media (FLV) tool to play videos on my website. It works fine in dreamweaver under live view but as soon as I preview it in browser it doesn't work I have also tried to access it online and it doesn't work. Basically I have uploaded 5 videos on the same page and all I get when I load the page are the video headings and white spaces (No signs of loading/buffering). Have any of you had this problem before? The website is http://www.soccerexperience.com/pg_media_astro.html.
Thanks in advance for your helpful support
There is no linkage to your .flv video file anywhere in your code.
On another note, why dont you use a player like JWPlayer to play your files? It's tried and tested and is free for non-commercial use. You can get it here: http://www.longtailvideo.com/players/jw-flv-player/
Also note that FLV videos wont play on most mobile/ tablet devices.
Considering you'll be ruling out possibilities for these users if you have a Flash Video player, you should think of HTML5 Video on your website which will work across browsers and operating systems on various devices.
You can learn more about integrating HTML5 video here: http://videojs.com/
Thanks for your reply. I am currently using videojs on my homepage and its working great. The only thing is I have tried it on the specific page I am talking about and I have had problems because I have multiple videos playing on the same page which according to many other users causes a problem for HTML5 Video. Not all videos play. I will take a look at JWPlayer but I would rather use videojs. Do you know whether it is possible to get multiple videojs videos working on the same page?
You can definitely have multiple HTML5 videos on one page, as long as each video has a unique ID. Refer this page on videoJS: http://videojs.com/docs/api/
You can also use JWPlayer's HTML5 player with a playlist to have more than 1 video.
Sorry if i keep nagging you. I have tried doing what you suggested and have used 5 html video players but it still doesn't seem to work. I have given each video its own ID yet when I load up the page and mousover the play button it grays out and I can't play the clip. The website is www.soccerexperience.com/pg_media_astro.html
Thanks in advance for your assitance
You're trying to load HTML5 content in your page.
But, your HTML headers tell the browser that your website is not HTML5 and is HTML4 transitional.
Remove Lines 1 & 2 from your HTML code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
and replace with:
The mp4 videos inside a <video> will play correctly on HTML 4 sites - there is absolutely no requirement to change the doctype and it makes no difference to its function. It won't however validate as the <video> tag is not recognised as an element - it is just treated as a <div>.
I am not really sure what is going on with your page however there are a few things you need to check/amend and see if it helps.
The main reason you have been advised on a video player is so the videos will play across all browsers. At the moment, without a webm or ogg video, FireFox can not play your mp4 video. An interesting note is that even though your video plays on the home page, a direct link to it doesn't load the video. Your video on the homepage also has a , in the filename. This should not be there.
Thanks for getting back to me so quickly. I have changed the DOCTYPE anyways and I will now be amending the things Rik pointed out. I encoded them using Super (a free converter) with x264 and FFmpeg. I will take a look at JW Player if not to make my life easier i'll just upload them to youtube and then just used an embed code. I will try and update my video_js script link and make sure it is on the remote server. I'll report back if I encounter any issues.
Thanks again guys
If you search the web, FFMpeg has some issues with creating HTML5 video and you need to make sure everything is up to date at the time.
Miro is a really good alternative and so far I have not had any issues with it. http://www.mirovideoconverter.com Also, if you have Creative Suite, you could use Adobe's Media Encoder which will produce a very good .mp4 - you would just need something like Miro for the other formats unless you use JW Player or the like.