Nguyen Nguyen Posted August 9, 2008 Share Posted August 9, 2008 (edited) First off, we're new to this forum, so greetings to everyone. This is more website related than it is "cinematography" related, so we thought we'd post it here. Does anyone know how to embed FLV or MOV formatted videos into HTML? This would mainly be used to post a short trailer or bonus footage on a webpage. Any help would be great. Many thanks in advance. horseheadcinema.com Edited August 10, 2008 by Nguyen Nguyen Link to comment Share on other sites More sharing options...
Alex de Campi Posted August 10, 2008 Share Posted August 10, 2008 To put Flash on your website, first put: 1. The flash player (I use http://www.jeroenwijering.com/?item=JW_FLV_Player - it's tiny, like 4k) 2. The flash movie (yourmovie.flv) formatted to 480x270 (I'm assuming it's 16:9) and a max bitrate of 1.5Mbps in the SAME FOLDER on your website as the page you want them displayed on (this will probably be just the "Public" folder) Then on the page you want to flv to play, put the following bit of code: <p align="center"><object type="application/x-shockwave-flash" width="480" height ="290" wmode="transparent" data= "flvplayer.swf?file=yourmovie.flv&autostart=false"> <param name="movie" value="flvplayer.swf?file=yourmovie.flv&autostart=false" /> <param name="wmode" value="transparent" /> </object></p> That's it! If your movie is 4:3 or you want it bigger/smaller, you just change the width and height restrictions - note that the vertical height should be 20 pixels larger than the actual vertical height of your file, to account for the play control bar) To embed a mov: (again, assuming 480x270, and don't go above 2.5Mbps - and for MOVs the play control bar is 16pixels) <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="286" width="480"> <param name="src" value="http://www.yourdomain/yourmovie.mov"> <param name="autoplay" value="false"> <param name="type" value="video/quicktime" height="286" width="480"> <embed src="http://www.yourdomain/your.mov" height="286" width="480" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"> </object> set Autoplay to "true" if you want the movie to play automatically when people open your page. Personally I find this very annoying but ymmv. For more: http://www.apple.com/quicktime/tutorials/embed2.html Link to comment Share on other sites More sharing options...
Premium Member Hal Smith Posted August 11, 2008 Premium Member Share Posted August 11, 2008 I think we need a new Forum: HTML Hacking for Fun and Profit. ;) And, of course, Alex gets to be the moderator. Link to comment Share on other sites More sharing options...
Nguyen Nguyen Posted August 11, 2008 Author Share Posted August 11, 2008 (edited) Thank you very much Alex. Would it also have the full-screen capabilities like the video streams you see on youtube? www.horseheadcinema.com To put Flash on your website, first put: 1. The flash player (I use http://www.jeroenwijering.com/?item=JW_FLV_Player - it's tiny, like 4k) 2. The flash movie (yourmovie.flv) formatted to 480x270 (I'm assuming it's 16:9) and a max bitrate of 1.5Mbps in the SAME FOLDER on your website as the page you want them displayed on (this will probably be just the "Public" folder) Then on the page you want to flv to play, put the following bit of code: <p align="center"><object type="application/x-shockwave-flash" width="480" height ="290" wmode="transparent" data= "flvplayer.swf?file=yourmovie.flv&autostart=false"> <param name="movie" value="flvplayer.swf?file=yourmovie.flv&autostart=false" /> <param name="wmode" value="transparent" /> </object></p> That's it! If your movie is 4:3 or you want it bigger/smaller, you just change the width and height restrictions - note that the vertical height should be 20 pixels larger than the actual vertical height of your file, to account for the play control bar) To embed a mov: (again, assuming 480x270, and don't go above 2.5Mbps - and for MOVs the play control bar is 16pixels) <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="286" width="480"> <param name="src" value="http://www.yourdomain/yourmovie.mov"> <param name="autoplay" value="false"> <param name="type" value="video/quicktime" height="286" width="480"> <embed src="http://www.yourdomain/your.mov" height="286" width="480" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"> </object> set Autoplay to "true" if you want the movie to play automatically when people open your page. Personally I find this very annoying but ymmv. For more: http://www.apple.com/quicktime/tutorials/embed2.html Edited August 11, 2008 by Nguyen Nguyen Link to comment Share on other sites More sharing options...
Nguyen Nguyen Posted August 17, 2008 Author Share Posted August 17, 2008 Bump topic. Anyone have any ideas? www.horseheadcinema.com Thank you very much Alex. Would it also have the full-screen capabilities like the video streams you see on youtube? www.horseheadcinema.com Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now