HTML - How To Embed Mp4 To Html Using Flash Player
Hello,
I am building an offline video sharing site (Like youtube- just not connected to the internet). I want to embed SD (flv)& HD (mp4) videos to this site, when user need only flash player installed on his machine (just like youtube). Can anyone assist me with this html code writing & accessories needed? Thanks, Avi Similar TutorialsHi, I am working on integrating a flash presentation in HTML (basically a php website) The flash movie is about power point presentations - I was able to convert them to .swf files. I need to display them in the php based website. I was able to integrate the .swf file in the website. Now, I need to make it "dynamic" - what I mean by this is, I will be having the flash movie of different ppt slides running in a server in a loop. Whenever someone accesses the website, the "slide" that is currently being shown in the player has to be displayed in the webpage instead of starting from the beginning. I am a novice as far as webdesign is concerned. I would like to know about any tutorials/books that can provide me with information on this. Also, any specific area of HTML that might help me in this project. Thanks in advance ! I have embedded Windows media Player in an HTML Form. My question is does the .wmv has to reside on the server in order for it to run? If this is true does the server have to have IIS installed in order for windows media player thats embedded in an HTML form play wav or wmv files. i am using megaupload for the first time, and so far i am totally confused in how im supposed to use it. that is beside the point, however. When i embed the player, my song does not play as it is supposed to. it does nto play at all, even when i tell it to play manually (even though it is set to autoplay). here is the code i embed into my site: ~~~ <OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="190" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://www.megaupload.com/03-30_seconds_to_mars-the_kill-h8me.mp3"> <PARAM name="autostart" VALUE="true"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="true"> <PARAM name="ShowDisplay" VALUE="true"> <EMBED TYPE="application/x-mplayer2" SRC="http://www.megaupload.com/03-30_seconds_to_mars-the_kill-h8me.mp3" NAME="MediaPlayer" WIDTH="192" HEIGHT="190" ShowControls="1" ShowStatusBar="1" ShowDisplay="1" autostart="1"> </EMBED> </OBJECT> ~~~ i believe the problem is the link to the file. did i write the link correctly? how do i find the direct link to the file? can megaupload be used for this? i am having problems using megaupload, and so i think my problem is more about finding the correct link for my file and not so much a problem with the html itself, as i think i did all that correctly except for the 2 places the link to my file should be. if no one knows how to use megaupload, someone please tell me a good site to use to upload music files. Hi, I am currently having trouble embedding my flash file into html. No matter what I try it will not work. I don't have much experience in html so could really use some help please. This is the code that I am using... <object classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6" width="814" height="344"><param name="movie" value="http://megaswf.com/serve/79631/" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="scale" value="exactfit" /><embed src="http://megaswf.com/serve/79631/" width="814" height="344" menu="false" scale="exactfit" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object> Thanks, Adam The php script I'm using for a video-sharing site, uses JWplayer as the default player. JWplayer has different embed code to embed the player and allow video files to be played from a different source than the php script source. I want to replace or modify the script code for the Player with the JWplayer code (so it'll play videos from the other source) which shows the other source as http://videos.mywebsite.com/myvideo.flv. How can I modify or integrate this script code with the code below it (the JWPlayer code)? Do I just need to change a few lines? Thanks for any guidance. Script Code: Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" name="theMediaPlayer" width="300" height="280" id="theMediaPlayer"> <param name=movie value="flvplayer.swf"> <param name=quality value="high"> <param name=bgcolor value="#FFFFFF"> <param name=allowFullScreen value="false"> <param name=swLiveConnect value="true"> <param name=allowScriptAccess value="sameDomain"> <param name="FlashVars" value="file=uploads/[var.video_play]&width=315&height=280&displaywidth=315&displayheight=260&overstretch=true&showfsbutton=false&image=uploads/thumbs/[var.video_thumb]&backcolor=0xFFFFFF"> <embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="300" height="280" bgcolor="#FFFFFF" name="theMediaPlayer" src="flvplayer.swf" flashvars="file=uploads/[var.video_play]&width=315&height=280&displaywidth=315&displayheight=260&overstretch=true&showfsbutton=false&image=uploads/thumbs/[var.video_thumb]&backcolor=0xFFFFFF"></embed> </object> JWPlayer code: Code: script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript"> swfobject.registerObject("player", "9.0.0", "expressInstall.swf"); </script> <object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="328" height="200"> <param name="movie" value="player.swf" /> <param name="allowfullscreen" value="true" /> <param name="flashvars" value="file=http://videos.mywebsite.com/myvideo.flv" /> <object type="application/x-shockwave-flash" data="player.swf" width="328" height="200"> <param name="movie" value="player.swf" /> <param name="allowfullscreen" value="true" /> <param name="flashvars" value="file=http://videos.mywebsite.com/myvideo.flv" /> <p><a href="http://get.adobe.com/flashplayer">Get Flash</a> to see this player.</p> </object> I've got a quick question. I've added a flash player on my site and added a div tag so I could position in the center of the page. I just realized while checking the page on other computers with different resolutions that it doesn't stay centered as I had set the parameters, "so many pixels right and so many pixels down" I suppose I need to include it into the body which has a div container and keeps the page centered. When I do that the player jumps to the top. Any help? Here's the code: the player is at the bottom with a div style tag above it. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <TITLE>video page</TITLE> <META name="AUTHOR" content="hankeester"> <META name="KEYWORDS" content="sailing videos, moth sailing, "> <META name="DESCRIPTION" content="This is High Octane One Designs sailing video page."> <META name="GENERATOR" content="Created by BlueVoda"> <STYLE type="text/css"> div#container { width: 1004px; position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left; } body { text-align: center; margin: 0; } </STYLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000" link="#808080" vlink="#C0C0C0" style="SCROLLBAR-FACE-COLOR:#E0DFE3;SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-3DLIGHT-COLOR:#E0DFE3;SCROLLBAR-DARKSHADOW-COLOR:#716F64;SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;SCROLLBAR-SHADOW-COLOR:#9D9DA1;SCROLLBAR-TRACK-COLOR:#D4D0C8;"> <DIV id="container"> <HR size="3" width="809" style="position:absolute;left:92px;top:774px;width:809px;height:3px;z-index:0"> <DIV style="position:absolute;left:412px;top:777px;width:134px;height:14px;z-index:1" align="left"> <FONT style="font-size:11px" color="#7F7F7F" face="Arial">COPYRIGHT 2006 HOOD</FONT> </DIV> <IMG src="kilt1.jpg" alt="" align="top" border="0" width="119" height="39" style="position:absolute;left:782px;top:778px;width:119px;height:39px;z-index:2"> <IMG src="heather's logo.jpg" alt="" align="top" border="0" width="600" height="178" style="position:absolute;left:302px;top:3px;width:600px;height:178px;z-index:3"> <A href="http://ho1designs.com/index.html"><IMG src="BurgeeLOGO.jpg" alt="" align="top" border="0" width="200" height="71" style="position:absolute;left:88px;top:82px;width:200px;height:71px;z-index:4"></A> <IMG src="it'swhat.gif" alt="" align="top" border="0" width="175" height="20" style="position:absolute;left:164px;top:158px;width:175px;height:20px;z-index:5"> <HR size="3" width="800" style="position:absolute;left:98px;top:223px;width:800px;height:3px;z-index:6"> <A href="http://ho1designs.com/about us/about us.html"><IMG src="about-us.gif" alt="" align="top" border="0" width="100" height="50" style="position:absolute;left:485px;top:206px;width:100px;height:50px;z-index:7"></A> <A href="http://ho1designs.com/advertising/advertising.html"><IMG src="advertising.gif" alt="" align="top" border="0" width="120" height="50" style="position:absolute;left:636px;top:206px;width:120px;height:50px;z-index:8"></A> <A href="http://ho1designs.com/collegiatesailing/collegiatesailing.html"><IMG src="collegiate-sailing.gif" alt="" align="top" border="0" width="170" height="50" style="position:absolute;left:277px;top:206px;width:170px;height:50px;z-index:9"></A> <A href="http://ho1designs.com/freelancers/freelancers.html"><IMG src="freelancers.gif" alt="" align="top" border="0" width="130" height="50" style="position:absolute;left:636px;top:226px;width:130px;height:50px;z-index:10"></A> <A href="http://www.highoctaneonedesigns.com/forum/"><IMG src="hoodforum.gif" alt="" align="top" border="0" width="110" height="50" style="position:absolute;left:99px;top:229px;width:110px;height:50px;z-index:11"></A> <A href="http://ho1designs.com/hood promo/hood promo.html"><IMG src="hood-promo.gif" alt="" align="top" border="0" width="130" height="50" style="position:absolute;left:277px;top:226px;width:130px;height:50px;z-index:12"></A> <A href="http://ho1designs.com/legal/legal.html"><IMG src="legal.gif" alt="" align="top" border="0" width="80" height="50" style="position:absolute;left:818px;top:207px;width:80px;height:50px;z-index:13"></A> <A href="http://ho1designs.com/archives/archives.html"><IMG src="archives.gif" alt="" align="top" border="0" width="90" height="50" style="position:absolute;left:818px;top:225px;width:90px;height:50px;z-index:14"></A> <A href="http://ho1designs.com/hoodshowcase/hoodshowcase.html"><IMG src="hood-showcase.gif" alt="" align="top" border="0" width="145" height="15" style="position:absolute;left:100px;top:210px;width:145px;height:15px;z-index:15"></A> <A href="http://ho1designs.com/video/video.html"><IMG src="video65.gif" alt="" align="top" border="0" width="60" height="20" style="position:absolute;left:481px;top:225px;width:60px;height:20px;z-index:16"></A> </DIV> </BODY> </HTML> <div style="position: absolute; left: 400px; top: 350px;"> <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/nDToL593cmU"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/nDToL593cmU" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object> Hi there. I have an 800x600 flash movie, and I was wondering whether it was possible to center it vertically as well as horizontally? Thanks! -Girvo Hey there, I've got a problem trying to embed a flash file into a webpage. Whenever I look at the page, the flash file (.swf) fails to load, and i get a (1 item remaining) message in the status bar. If i go straight to the source of the swf file (its located on a different server) I download it and view it in the browser normally... From that point, I can hit the back button and go back to the original page, and the flash is loaded and it works as it should. I must do this for each browser opened up, so I'm assuming the flash file is stored in some temporary cache for each browser. Or maybe not, I really have no idea. Of course, I'd like to flash to load without having to download it directly (literally going to www.domain.com/flash.swf and waiting for it to load) If it makes any difference, I'm using the SWFObject method in order to view it without the gray border in IE. By the way, I'm experiencing this problem in IE 6.0, but it may be occurring for other browsers too, I'm not sure. I do not believe the face that I'm using SWFObject makes it fail, because I tried viewing it in an html page by just embedding it with <object> and <embed> and <param> and that failed too... Thanks in advance I'm struggling to embed my flash and get the page to validate - please help - what should i do?? Error Page Page Hi I have a Flash video player that brings up IE's yellow warning bar, and whne you click to allow it, it won't play even after you say 'yes, play it'. It only happens in IE7 It's at http://www.directhometherapy.com.au Any ideas how to allow the player? Thanks for taking a look. Shaun in the dreamweaver preview it shows up fine. the path is correct and the file is upload...but for some reason, I just get a blank space? http://yesplsnothnx.com/index2.html flash animation: http://yesplsnothnx.com/images/ass.swf what am i doing wrong?! Hey all, I've built a website for my music and I'm fairly new to all this so bear with me. Essentially, I have two flash-based music players on my site. One is a simple single-track player that auto-plays some background music for the site. The functionality is limited to the user starting/stopping the music and adjusting the volume. The other is an advanced music player featuring a playlist of preselected tracks and allows the user to start/stop music, rewind, fast forward, adjust volume and select tracks in the playlist. This player does not start automatically. My question is this: when someone visits the site, the single-track background music player will start. Is there code that would allow the advanced music player, should it be turned on (i.e. someone selects a track and plays it), to override and actually stop the play of the single-track? TIA! Hey I'm trying to have this text surround this flash player but I can't get it to work, How can I do it? ::text:: My Chemical Romance Nine Inch Nails The Cure Taking Back Sunday The Used Emery Breaking Benjamin 30 Seconds To Mars The Spill Canvas Matchbook Romance Matchbox 20 Puddle of Mudd A Perfect Circle Seether Hoobastank Muse Atreyu Three Days Grace 3 Doors Down Audioslave Billy Talent Bloc Party Bloodhound Gang Blur Bush Cake Chevelle Coldplay Creed Death Cab For Cutie Deftones Faith No More Flyleaf Foo Fighters Garbage Goo Goo Dolls Green Day Incubus Interpol Jimmy Eat World Lifehouse Linkin Park Lostprophets Marilyn Manson Nickelback Nirvana Oasis Papa Roach Pearl Jam Placebo Queens Of The Stone Age REM Radiohead Rage Against The Machine Red Hot Chili Peppers Snow Patrol Soundgarden Staind Stone Temple Pilots System of a Down ♥ The Cranberries The Killers ♥ The Mars Volta The Offspring The Smashing Pumpkins The White Stripes U2 Weezer Yeah Yeah Yeahs Many More.. Emo Rock Alternative Gothic Screamo Pop :layer:: HTML Code: <p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="110" width="265" style="visibility:visible;width:265px;height:110px;" align="middle" border="0" data="http://assets.myflashfetish.com/swf/mp3/mff-pill.swf"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://assets.myflashfetish.com/swf/mp3/mff-pill.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="myid=13933683&path=2008/10/12&mycolor=FFFFFF&mycolor2=FFFFFF&mycolor3=c2878f&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false" /> </object></p> Hi I have a website that i publish videos in a flash player (like youtube, etc) but its not a youtube. What i am wanting to do is get some sort of html code that i can provide to my users to let them copy it and paste it in there website to have the video player play on there site, kind of how all the other videos sites do it with those embedd tags. Can anyone share some code to help me do this??? thanks so much! Is there a way I can load a page (with a text informing that 'you need flash player to view this web') if he doesnt have it installed in his browser? How would I do this? Your help is greatly appreciated. I am running the Google Translate widget from my local drive within my index.html. When the widget tries to initialize , I get this warning pop up. I am going to distribute this on a CD and would like to include Google Translate as a feature as its going internationally. Google dont seem to do a non-flash version of this widget(?) How can I get around this warning popping up when ran from a local drive ? Hello, I am designing and building a website and I can't figure out how to do something. I guess you could say I'm an 'somewhat advanced newbie', so just bear with me. Here's what my goal is: I'd like to have, on every webpage, a couple areas that are sourced from an individual file. For example, right under the header I'd like to have an announcement bar. My thoughts are is that I could just make a separate HTML file, called 'Announcement.html' and embed that into the annoucement area. This way, I could just edit the one HTML file and it would make the changes site-wide. I would also like to do this for my header, footer, etc... The main thing that would be unique to the webpage would be the actual content. My thoughts are that I could do this by embeding a HTML file into the webpage, but if there are other ways to go about this, I'd be appreciative of that as well. If you need any other information, I'll be glad to get it for you. Any help will be greatly appreciated, PianoKid Hi everyone, Now I am trying to put the pdf file on my web page. I use: <embed src="myfile.pdf" width="800" height="700"> but it doesn't appear in the page, it only shows the icon like small square picture. My browser is IE8. Any Suggestion, please.... Regards, Win. |