HTML - The Best Html Code For Embeded Video
Hello folks,
I don't know almost anything about html code. I was using this simple html code for years, anytime I needed to stream one of my videos. <html> <head> <title></title> </head> <body bgcolor=="000000"> <table width="1280" height="736" align="center"> <tr> <td><embed src="BGI.mov" height="736" width="1280" align="middle"controller="true"></td> </tr> </table> </body> </html> Video file has name BGI.mov and is located in the same folder as html. The problem is, that it takes forever for video to download, sometimes 6-8 minutes. here is the URL of html page: http://www.bcoutback.com/videos/bgi.html I have talked to QuickTime guys and they did not find anything wrong with the file and they suggested that this HTML code is no longer good. Apparently, there is now completely different way of embeding video files and it has to do with applying functions. So I am wondering if someone could give me some simple advise how to write this simple code in the modern way. Please, keep in mind that I am complete html beginner. Thank you so much for your help. Similar TutorialsI have uploaded a video on to putfile but they dont display anycode for me to embed th e video into my site. So i opend up the page source and found the code they are using to embed the video on there page and i copyed and pasted this code onto my site and it was working fine. About 20 minutes latter i checked the site again and the video was not working so i checked there page source again and they had changed the src url of the video. How come they do this? and is there any way round this? Before anyone says i cannot upload to sites like youtube because my video doesnt display properly since it has to open in a windows media player. hello I tried to publish a flash video so I could use it as a website background. everything works great in dreamweaver, but when I transfer all my files to my schools server the video no longer works. does anyone have some ideas? Ill provide files if needed. Thank you-Micah Hello, I'm looking to create a page where you have a section of the page (predefined) to show a main video and then images at the bottom that will change the video in the section. For example, when the page is launched, you have an area where you can click on that will launch the important video. Then, bellow this video, I would have 8 small images and when clicked on one of the images, a new video would be shown in that same predefined area. Basically, I'm looking for something like this: http://video.itworldcanada.com/ An area where videos are shown and link at the bottom where you can select the next video you want to see. Thanks in advance for your time!!! I am trying to grab a video from an html page. Its not a normal piece of embed code that would be used with youtube. Any help is appreciated. --> Begin code if(typeof(_evpLoad) === 'undefined') { var _evpAssetsLoaded = false; function _evpLoad(url, callback) { if(_evpAssetsLoaded === true) { callback(); return; } var script = document.createElement('script'); script.type = 'text/javascript'; if(script.readyState) { script.onreadystatechange = function() { if (script.readyState == 'loaded' || script.readyState == 'complete') { script.onreadystatechange = null; _evpAssetsLoaded = true; callback(); } }; } else { script.onload = function() { _evpAssetsLoaded = true; callback(); }; } script.src = "http://player.affiliatedotcom.com/player/"+url; document.getElementsByTagName("head")[0].appendChild(script); } } if(typeof(_evpStorage) === 'undefined') var _evpStorage = {}; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='] = {"absolute":"http:\/\/player.affiliatedotcom.com\/","id":"evp-6792edc2f91c81a8da6278a028e3ea1e","div_id":"evp-094b566ec1a42cdc6eecad88387a3342","bucket_name":"evp-4c6a35f2d8d64-1432ff204174466a210d20e6fae5c4c3","file_id":"bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA==","type ":"video","skin":{"tooltipColor":"#5F747C","buttonColor":"#808080","buttonOverColor":"#7d7d7d","bord erRadius":"5","volumeSliderGradient":"none","backgroundGradient":"none","tooltipTextColor":"#ffffff" ,"sliderColor":"#000000","timeBgColor":"#555555","sliderGradient":"none","durationColor":"#ffffff"," progressGradient":"medium","progressColor":"#46a8ec","bufferGradient":"none","timeColor":"#80cbff"," volumeSliderColor":"#000000","backgroundColor":"#212121","bufferColor":"#454545","height":24,"opacit y":1},"finish":"0","local":null,"cloudfront":"d1y9lu9mznaao3.cloudfront.net","splash":true,"splash_i mage":"http:\/\/evp-4c6a35f2d8d64-1432ff204174466a210d20e6fae5c4c3.s3.amazonaws.com\/media-mentors-week-3-webinar-1-splash.png","data":{"width":"640","height":"360","affiliate_id":"","button_text_color":"#FFFFFF","bu tton_body_color":"#000000","html_body_color":"#000000","simple_page_name":"","button_body_translucen t":"true","html_body_translucent":"true","skin":"electric_blue","target":"bWVkaWEtbWVudG9ycy13ZWVrLT Mtd2ViaW5hci0xLm1wNA==","scaling":"orig","shadows":"true","autoPlay":true,"autoBuffering":"true","al low_fullscreen":"true","control_type":"show","promote_software":"","finish":"0","simple_page":"","us e_conversions":"0","use_upsells":"0","source":"bW9kdWxlNHBhcnQxNS0xLmZsdg==","splash":"http:\/\/evp-4c6a35f2d8d64-1432ff204174466a210d20e6fae5c4c3.s3.amazonaws.com\/media-mentors-week-3-webinar-1-splash.png"}}; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].embed_code = "<div id="evp-094b566ec1a42cdc6eecad88387a3342-wrap" class="evp-video-wrap"></div><script type="text/javascript" src="http://player.affiliatedotcom.com/fr...><script type="text/javascript">_evpInit('bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA==');</script>"; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].div_id = 'evp-f7be0555750712ba6518ac333444e0d8'; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].alternate_embed = false; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].file_extension = 'mp4'; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].local_assets = ""; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].project_name = "EasyVideoPlayer Pro"; _evpStorage['bWVkaWEtbWVudG9ycy13ZWVrLTMtd2ViaW5hci0xLm1wNA=='].affiliate_url = "http://%s.webactix.hop.clickbank.net/"; if(typeof(_evpInit) === 'undefined') { function _evpInit(id) { _evpLoad('assets.php?v=1.1.14', function() { _evpGo(id); }); } } ---> end code Hi All, I am having issues with the following code from a video file (in html). Hoping you can help, I need to make the video start automatically. This video is from Tube Chop (Tube Chop is a similar service than you tube) and you can copy and paste the code from any video and paste is onto a website as an embedded file. I am trying to get the file to start automatically as soon as any user goes to the page (as opposed to having to click on the video). I know for you tube all you have to do is add "&autostart=1 and it works fine. But I tried to put this code below and it still doesn't work. Can someone assist? FYI - Pls note that the part that reads "&start=0&end=26" below was included on purpose so the video starts at the beginning and end after 26 seconds. The website added the code. I need to keep this rule while still getting the video to autostart. Code: <p> <object width="500" height="344"><param name="movie" value="http://swf.tubechop.com/tubechop.swf?vurl=SJyCGltS95k&start=0&end=26&cid=227694"></param><embed src="http://swf.tubechop.com/tubechop.swf?vurl=SJyCGltS95k&start=0&end=26&cid=227694" type="application/x-shockwave-flash" allowfullscreen="true" width="500" height="344"></embed></object></p> Thanks very much. Hi all, i want to play the downloaded flv videos in offfline mode in HTML. I already done with online playing in HTML like youtube videos play in browser. But I have downloaded few videos and i want to play those videos in offline mode(without internet) by giving compelete path in Windows/Mac. Can anyone help in this case??? Thank You all.. Okay, that may sound like a funny title, but here is the deal. I have an MP3 player on my website. The original file is attached to this post. You must, if you want to test it, include it as a file in your domain. Anyway, here is the code for it. Please let me warn you that I use BBCode in my forum. HTML I do not allow, so what I have to do is take the original HTML code and place it in the text area, then use BBCode to make it work. My initial example which works! Code: <object type="application/x-shockwave-flash" data="mp3player/emff_lila_info.swf" width="200" height="55"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="mp3player/emff_lila_info.swf" /> <param name="quality" value="high"> <param name="FlashVars" value="src={URL}" /> <embed src="mp3player/emff_lila_info.swf" quality="high" name="lilaplayer" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" width="200" height="55"> </object> <br> <small>MP3 by: cisco007</small> Please note this line: Code: <param name="FlashVars" value="src={URL}" /> The {URL} is the indicator that I use to type the location of the MP3 file. For example http://MyWebSite/FolderOne/FolderTwo/FolderThree.mp3 What I have been trying to do with little to no success is make it so that the only thing I have to type is, "FolderTwo/FolderThree". I don't know why I'm unsuccessful in this endeavor but I am. Currently my code looks like this: Code: <object type="application/x-shockwave-flash" data="mp3player/emff_lila_info.swf" width="200" height="55"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="mp3player/emff_lila_info.swf" /> <param name="quality" value="high"> <param name="FlashVars" value="src=http://www.place4musicians.com/Free_Music/{SIMPLETEXT}.mp3" /> <embed src="mp3player/emff_lila_info.swf" quality="high" name="lilaplayer" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" width="200" height="55"> </object> </b> <small>MP3 by: cisco007</small> Please notice the same line again: Code: <param name="FlashVars" value="src=http://www.place4musicians.com/Free_Music/{SIMPLETEXT}.mp3" /> The {SIMPLETEXT} should be for "FolderTwo/FolderThree", but it does not work. Please anyone who has a little knowledge of this help me out! Thanks in advance. I'll go ahead and let you know that I've posted this request on four different sites, and I haven't even had a single reply. I hope someone here can help me!! hi I am making web page in html . I have problems showing my swf files when I embed it in HTML files I have designed.When I export the swf files, should I export with swf and both HTML files next time?Also I have the flash player plug-ins installed on Mozilla, and IE, it is still not showing the swf files on my HTML pages. I have seen many web site design company sites which great in looks.I want to make that type of page? Any suggestion? please help. i used html <object> tag and i embeded a .swf flash file inside my html page... everything worked great until here.... now i want to let the visitor of my page to be able to navigate through my .swf file through my own navigation bar buttons that i want to put above the .swf file... i want my visitor to be able to press the avigation bar buttons to play and stop and forward and backward and rewind and so on... i dont want my visitor to press the right mouse button when he over the flash object to navigate i want to have my own navigation static bar above the flash.... what solutions there is to this problem....? what is the best solution ? best regards. I could not, for the life of me figure out a way to phrase a google search for this. So hopefully someone here can help me. Is there any way to have an imbedded quicktime player, that will play a multitude of links? I.e. this page http://www.thenewmonarchs.com/video.html I want to code it so that every link you click on will play in the embedded video. So basically, whatever video you choose will be played through the same spot. Hopefully that makes sense? I'm terrible at wording html related questions, so please be forgiving! Im sure this question has been asked many a time so sorry for asking it again, i have my own web site and would like to add a video section were people can upload clips as well as myself, can someone give me the html code for doing this. Thanks Hey everyone i need to know what is the code for video and music to put on my website. I had music on there before but now that i have firefox, it keeps saying download additional plugins, and i have them all. When i click to search for additional plugins, it says,, "no plugins found" Please help , thanks well i want to be able to input code that places a watermark/logo on the top right of my video . So i dont have to go and embed watermarks on each video .if anyone can tell me how this can be done please help i have done it before but it's been a while and i forgot the code i use to place a video is the following: Code: <embed src="http://(-------)/player.swf?file=http://(-----------).flv&image=http://(------------------)png&skin=http://(-------)/schoon.swf" true="true" quality="high" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="480" height="360"> </div> I have been using the script below to make it so that a random image is displayed every time the page is refreshed or accessed. It has worked very well, but what i am wondering is does anyone know how to make this code adapt to embedding video urls, so a random video would be displayed from the list whenever the site was accessed or reloaded? I have tried several variations without luck. I am not really a coder so most of what i do is trial by error, but i was hoping someone else might be able to point me in the right direction. Thank you! Here is the code i am using for the random image generator: HTML Code: <SCRIPT language="Javascript"><!-- function image() { }; image = new image(); number = 0; // imageArray image[number++] = "<img src='First Image url' border='0'>" image[number++] = "<img src='Second Image url' border='0'>" increment = Math.floor(Math.random() * number); document.write(image[increment]); //--> </SCRIPT> Hello, Using the Greasemonkey script on Facebook, I was able to embed a video on my website. However, the code is not XHTML compliant (includes embed tags). The code is below. I've struggled trying to convert this into code using the object tag. is it possible? Can someone show me where I need to move each part of the existing code into an "object" based code? Thanks, Josh Code: <embed type="application/x-shockwave-flash" src="http://b.static.ak.fbcdn.net/swf/mvp.swf?7:136764" width="576" height="432" style="" id="so_mvp_swf_4962e86f49d3b2a98429149" name="so_mvp_swf_4962e86f49d3b2a98429149" bgcolor="#000000" quality="high" allowScriptAccess="always" scale="showall" allowFullScreen="true" wmode="window" flashvars="video_src=http%3A%2F%2Fvideo.ll.facebook.com%2Fvideo-ll-sf2p%2Fv1182%2F26%2F116%2F58389155428_4899.mp4&stage_width=756&stage_height=567&motion_log=%2Fvideo%2Fmotion_log.php&video_id=553535535428&video_length=408440&video_seconds=408&video_category=0&video_rotation=0&video_href=http%3A%2F%2Fwww.facebook.com%2Fvideo%2Fvideo.php%3Fv%3D58389155428&fbt_play_again=Play+Again&fbt_go_to_video=Go+to+Video&fbt_next_video=Next+Video&fbt_share=Share&video_player_type=video_player_permalink&video_width=756&video_height=567&slate_src=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fswf%2Fmvp_slate.swf%3F7%3A134155&tail_slate_src=http%3A%2F%2Fstatic.ak.fbcdn.net%2Fswf%2Fmvp_tail_slate.swf%3F7%3A134155&next_video_url=http%3A%2F%2Fwww.facebook.com%2Fvideo%2Fvideo.php%3Fv%3D6637075428&video_owner_name=Becky+Draper-Vilimek&video_owner_href=http%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D6545535428&video_timestamp=Added+on+Thursday&video_title=Our+Wedding+-+September+13%2C+2008&thumb_url=http%3A%2F%2Fvthumb.ak.facebook.com%2Fvthumb-ak-sf2p%2Fv643%2F101%2F68%2F682235428%2Fb682244448_58389155428_1292.jpg&highqual_src=http%3A%2F%2Fvideo.ll.facebook.com%2Fvideo-ll-sf2p%2Fv247%2F26%2F116%2F58389155428_44340.mp4&lowqual_src=http%3A%2F%2Fvideo.ll.facebook.com%2Fvideo-ll-sf2p%2Fv1182%2F26%2F116%2F55355355428_4899.mp4&fbt_lowqual=View+in+Regular+Quality&fbt_highqual=View+in+High+Quality&highqual_is_on=1&string_table=http://static.ak.fbcdn.net/js_strings.php/t85501/en_US&swf_id=so_mvp_swf_4962e55435442a98429149"/> Hello all, So far I've read a number of threads on here related to embedding videos on a HTML page. I don't think I've yet to find one definitive answer, if one is at all possible. So here goes my attempt. I have a 70mb .wmv file (henceforth referred to as video.wmv) that I need to have embedded into a web page. I would like for the video to show up on a 640x480 px size window on the center of my page, and have the least amount of compatibility issues possible (IE, FF, etc...). I have a line of link buttons for the bottom of the page, a background image, and a header bar. What is the best current solution to doing this? Certifried Newbee here, so please talk slowly and show me some code. Thanx. My current code is below. <html> <title>Video Page</title> <head> <STYLE TYPE ="text/css"> <!-- BODY {margin: 0; font: 10pt; font family: Arial Black; color: FF8000; background: black; background-image: url('Images/BG.gif'); background-repeat: no-repeat; background-position: center center; padding: 0px; height: 100%; width: 100%;} --> </style> </head> <body> <HR COLOR="FF8000"> <H1 align="CENTER"><FONT SIZE="+6"><U><B>Page Title</U></B></FONT></H1> <H1 align="CENTER"><P><FONT SIZE="+2">Subtitle Text goes here.</FONT></P> </H1> <H1 align="CENTER"> <object type="video/x-ms-wmv" width="640" height="480"> <param name="src" value="Files/video.wmv" /> <param name="autostart" value="1" /> <embed src="Files/video.wmv" width="640" height="480" type="video/x-ms-wmv" autostart="1" /> </object> </H1> <HR COLOR="FF8000"> <H1 ALIGN="CENTER"> <HR COLOR="FF8000"> <FONT SIZE="+1"> <L1><A HREF="../index.htm"><IMG SRC="Images/home.gif" BORDER="0"></A> <L1><A HREF="Brochure.PDF" target="_blank"><IMG SRC="Images/brochure.gif" BORDER="0"></A> <L1><A HREF="video.htm"><IMG SRC="Images/video.gif" BORDER="0"></A> <L1><A HREF="about.htm"><IMG SRC="Images/about.gif" BORDER="0"></A> <L1><A HREF="contact.htm"><IMG SRC="Images/contact.gif" BORDER="0"></A> <HR COLOR="FF8000"> </FONT> </H1> <HR COLOR="FF8000"> </body> </html> What code would websites like youtube and metacafe let other people upload things? I'm new to HTML and I'm trying to embed a video from Youtube to the page. I know that you can just copy the embed line from the youtube video site, but what I want is if I click a picture on one(left) side of the page, the video will appear on the other side(right). The page is split into two where all of the left side has a picture, and when you click it, the picture(or video) will enlarge on the right. The video itself should be embedded, not redirect me to the site. I'm using Microsoft FrontPage. Anyone know what lines or commands on the HTML page I should put to do this? Here is an example of the HTML lines that I have currently and I want to change: <tr> <td width="25%" bgcolor="#000000"><a href="http://www.youtu be.com/watch?v=Wri" target="main"><img border="2" src="03_small.jpg" alt="03.jpg (2891 bytes)" width="50" height="37"></a></td> <td width="25%" bgcolor="#000000"><a href="http://www.youtu be.com/watch?v=C" target="main"><img border="2" src="02_small.jpg" alt="02.jpg (3219 bytes)" width="50" height="37"></a></td> <td width="25%" bgcolor="#000000"><a href="http://www.youtu be.com/watch?v=6b" target="main"><img border="2" src="01_small.jpg" alt="01.jpg (2236 bytes)" width="50" height="37"></a></td> <td width="25%" bgcolor="#000000"> </td> </tr> Hi guys, I have a problem with the layers, i'm trying to make a button that have a behavior which make visible an invisible layer, perfect, it works, but i need that this happen over a video qt, but te video doesn't allow that. I mean, if under tha layer are an image or text, the layer is over that items, right, but when under the layer are a video qt or a flash movie, the layer apear under them, i tried inclusively with the "z-index" but it didn't work either; if you know how to do that, i would appreciate any help about it. Thanks... How to add .swf and video to html page with disabling scrollbars and stretching the .swf and video to the whole page? I am using these codes for creating projects for sale purposes, I am also asking for permission for using these codes for my projects! looking 4wrd. |