|
HTML - How To Add .swf And Video To Html Page?
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. Similar TutorialsHello 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 have placed the code as below <object> <embed src="videos/kyaw.avi" width="380" height="265" autoplay="False"></embed> </object> in using visual studio 2005. video not working or playing on my page. But when i use the notepad for the program it was working. It is quite strange to me and I just novice(started html). pls any advice or coding ,.///... help me that is the web site i doing http://mayrum.co.uk/Myvideo.aspx pleaseeeeeeeeeeeeeee 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... 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> I want to have a FLASH video overlay an image (the first frame of the video). How to I do this? I've tried using the <NAME> tag and the <ID> tag. Neither works, or I'm not coding them correctly. To view the video I'm working with click on this URL: http://RDStouffer.net/geyser/ The above directory contains three items - geyser.jpg, index.html and geyser.swf Here is the relevant HTML code-- <IMG SRC="geyser.jpg" WIDTH="320" HEIGHT="240" BORDER="0" ALT="Sawmill geyser"> <OBJECT CLASSID='clsid27CDB6E-AE6D-11cf-96B8-444553540000' WIDTH='320' HEIGHT='240'><PARAM NAME=MOVIE VALUE='geyser.swf'><PARAM NAME=QUALITY VALUE=HIGH><PARAM NAME=BGCOLOR VALUE=#FFFFFF></OBJECT> How do I modify this code so the SWF video clip plays on top of the geyser.jpg image rather than next to it? Thank you for your help. [Where did this grinning green lightbulb come from? More important, how do I get rid of it?] Uncle Richard saw some web pages where the video inside came from youtube The whole page was from their own site but the window that showed the video was from youtube. almost like a window into youtube for just that 1 part of the page can this be done with just html? area maps? I really need to do this. My host server gives problems when I embed a video, It would be great just to use youtube please help -marksmolen@mail.com I tried to embed a wmv video in my web page, using this code: <HEAD><meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="imagetoolbar" content="false"> </HEAD> <BODY bgcolor="#000000"> <p align="center"> <img border="0" dynsrc="baby_girl.wmv" start="fileopen"></p> </BODY></HTML> I uploaded the wmv into a folder called just_like_daddy on my website called www.lovetoamuse.com On a blog I placed this link to the page: www.lovetoamuse.com/just_like_daddy To complicate matters, the video shows up on my computer, but when I try to see to it from the blog on another computer, it doesn't work. What code can I use to ensure it works everywhere, using the url www.lovetomuse.com/just_like_daddy Thanks Hi there!! Please I need help. I am embeding videos to mu blog, but are videos from a TV station so I took the code but is strange I can't make them stop. My users start to be upset about it. <p align="left"><script type="text/javascript"></script> <div id="flashcontent" style="width: 570px; text-align: center;"><script src="http://v.cctv.com/playcfg/js/common.js" type="text/javascript"></script> <object id="flvEmbed" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="360" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="always" /><param name="wmode" value="window" /><param name="flashvars" value="id=/2009/2009/09/01/yingshikantaixi_h264418000nero_aac32_20090901_1251767366337&site=http://v.cctv.com&method=http&share=1" /><param name="src" value="http://v.cctv.com/playcfg/CCTVvideoplayer.swf" /><param name="allowfullscreen" value="true" /><embed id="flvEmbed" type="application/x-shockwave-flash" width="480" height="360" src="http://v.cctv.com/playcfg/CCTVvideoplayer.swf" allowfullscreen="true" flashvars="id=/2009/2009/09/01/yingshikantaixi_h264418000nero_aac32_20090901_1251767366337&site=http://v.cctv.com&method=http&share=1" wmode="window" allowscriptaccess="always"></embed></object> I will appreciate your help. thanks! Hi: I have a videos embed in a html page like the code below. <EMBED TYPE="application/x-mplayer2" SRC="videos/bienvenido.avi" NAME="MediaPlayer" WIDTH="190" HEIGHT="190" ShowControls="1" ShowStatusBar="1" ShowDisplay="0" autostart="1" align="right"> </EMBED> Is there a way I can figure out when a user has clicked on the play of the video or when the video has been played until the end ? ( In html / javascript or php may be ) Thanks, Michael. 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!!! How do I embed a flv and also an ivr file in html? Index of /assets/video By the way, right click and save those while you can. http://www.gelsana.com/assets/video/...logy_video.flv http://www.gelsana.com/assets/video/gm.ivr 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. I am having a problem with my site on IE 6. It's weird because I downgraded my browser to IE 6 so that I can detect these kinds of problems but it looks fine on my computer but weird on others. Heres my issue.... On IE 6, after the movie loads up, it stops loading the rest of the html after the video. So right after the video,the rest of the coding won't load. It works on every other browser but I want to try to get it to work on IE 6 because a lot of people still use it. Here is one of my video pages http://webtvdeluxe.com/v2/videos/Jones%20vs%20Trinidad/ It anyone can help me out, that would be great. Thanks in advance Hello all! I need some help to make a link on my webpage which can open a Youtube-video in a new empty window. Youtube.com offers to types of linking the video-code: a) a regular URL-link for opening the video in a regular youtube-page (with all menus and ads) Example: http://www.youtube.com/watch?v=_i_VvpQbYj4 b) an embed-code which will show the video anywhere you want on your webpage. Example: <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/_i_VvpQbYj4"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/_i_VvpQbYj4" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object> So I guess we have to combine these two methods for solving the problem? Perhaps I can make an empty html-page called "\videopage.html", and then make a link-code which opens the videopage.html showing the video embedded? Like this: 1. Make a file called "\videopage.html" 2. Make a link on my webpage with the unknown code. 3. When a user clicking on my video-link, it opens the page called "\videopage.html" and plays the video. 4. I have many videos linking from youtube, so I think I have to re-use the page called "\videopage.html" many times. 5. This means the "\videopage.html" needs to be empty all the time, and just be 'called on' by the code. Can anyone help me? I hope a clever HTML-coder can make this work... Anyone with ideas? Best regards, Stereoid Hello, Can anybody post a code that will let me embeed remote .FLV video into web page by using IFRAME? Thanks 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. Im a beginner so please if anyone knows let me know. Im actually learning for free on w3schools.com and e-learningcenter.com but now, Im willing to buy me a complete course even though I know I can learn for free. Thank you so much! 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 |
|||||||