|
HTML - Html Embedding Video Help
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> Similar TutorialsI need to create an HTML page for mobile devices that displays videos. Ideally, it needs to work with older phone browsers too, so I was hoping someone could help me with the following questions: 1. What doctype should I use (XHTML Basic 1.1?)? 2. What's the best way to embed the video in the HTML? 3. If the video can't be embedded, is it good practice to (also?) provide a link so the user can download the video to show in a separate video player application? 4. What video media type(s) are best supported in mobile devices? NB - I will be using Java to create the HTML, so if there's a need to get any request headers, etc. then I could do that in order to provide the best output according to the device. Thanks in advance, James This is my first attempt at putting a .avi video on a webpage. Right now, here's my code: <embed src="name.avi"></embed> Internet Explorer will load up a video player, but then the whole page will freeze. The file's 12.9 mb and is being ran on my computer, so it shouldn't be a size issue. To run the video originally, I had to download this codec: http://www.techsmith.com/download/codecs.asp Any ideas? Hi, I'm new here. I'm also a beginner web programmer so please take it easy on me. I've taken on a job where I need to embed a video into a webpage, I think I can figure out how to do that however my employer wants this video to be slanted. I have no idea how I would slant the video using HTML/CSS/DHTML. For an example of what I am talking about please view this website: http://www.wavecam.com/ I am aware that the video on that site was embedded into Flash so I'm wondering if that is the only way to do this. Thanks in advance for any help provided. Okay, this one is a tough one for me. On my website, Celtics Insider, where the picture of the banners are (right above the "About Us" and "Our History" sections), I want to change that image into a video. I want to have a video like ESPN, where it doesn't say "YouTube" or show any of that crap, just a little transparent "play" button (the image, not the text). I'm just wondering a few things. First off, how do I resize the video so it is 442 x 200? Also, how do I make it so the YouTube thing doesn't show up? And how do I make a little transparent play button to click on before the video starts? I want to be able to have text below as well with a link to the story, like ESPN does. If you don't know what I mean, look at ESPN: http://espn.go.com/ Does anyone know the best practice for creating/embedding a video (3gpp/3gpp2/mp4) in html? Thanks in advance, James i have posted previously about issues im having but still no hope. basically, i have some youtube videos embedded in my site.. in firefox the videos load fine, but in i.e it just shows the red x as if there is an image missing. any uideas please anyone? i have tried on my desktop and laptop with same results. please help... the video section is: http://www.bmwgallery.co.uk/bmw-car-videos.html Hi guys, I am trying to embed a .mov video that is hosted on my amazon s3 account to a website. I use this code: <embed src="http://dale-beaumont.s3.amazonaws.com/Training%20Videos/Wordpress/mov/domain-name.mov" Pluginspage="http://www.apple.com/quicktime/" width="600" height="400" CONTROLLER="true" LOOP="false" AUTOPLAY="false" name="DomainName"></embed> As you can see I have written CONTROLLER="true" however it does not display the controller. You can see the video he http://www.alaisterlow.com/test-video/ Any help would be great. Thanks I'm having trouble with embedding multiple videos to the same player. I'm not using asx files, but rather wmv to make a selection-list. I found a site that solved my due problem and the thing works. however!! The URL in the code refers to youtube videos, and that's great and all, but I needed 'em to link to my own media files. so I changed the URL's to those on my server, and here's the problem: when doing it offline with the files on my harddrive I can add as many files I want to without it complaining, but the second it goes online or I link to wmv files on the internet it can't seem to get a connection. It only works if I have but a single <div> entry typed. As soon as I add more the thing bugs. I even tried changing "application/x-shockwave-flash" to "application/x-mplayer2" Please!! Any solution to this?? What am I doing wrong?? Example with ref's to youtube-videos, below. <div id='videoPlayback' style='width: 435px; height:350px; background-color: #800000;'></div> <div id='selectDemo2' style='display: none'> <object width="320" height="285"> <param name="movie" value="http://www.youtube.com/v/c6SHsF1n9Qw"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/c6SHsF1n9Qw&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="320" height="285" autostart=0 showstatusbar=1> </embed> </object> </div> <div id='selectDemo2' style='display: none'> <object width="320" height="285"> <param name="movie" value="http://www.youtube.com/v/-is63goeBgc"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/-is63goeBgc&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="320" height="285" autostart=0 showstatusbar=1> </embed> </object> </div> <A HREF="#" onclick='return playVideo("selectDemo1","videoPlayback")'>RvD2: Ryan vs. Dorkman 2</A> <BR> <A HREF="#" onclick='return playVideo("selectDemo2","videoPlayback")'>Beatboxing Flute <q>Peter and the Wolf</q></A <BR> <script type="text/javascript">function playVideo(sourceId, targetId) { if (typeof(sourceId)=='string') {sourceId=document.getElementById(sourceId);} if (typeof(targetId)=='string') {targetId=document.getElementById(targetId);} targetId.innerHTML=sourceId.innerHTML; return false;}</script> I'm not sure where the best place to post this question is, so I thought I'd start here and see what I get. I want to set up a video player like it is on this site: http://blueroomnyc.com/work/Q3hLj98J...story-refresh/ There are 3 links to different videos on the page, but they all open in the same place when activated. How is this accomplished? Is it javascript? I'd like to be able to do the same thing with an audio plugin as well. Thanks. 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 I'm trying to embed a video from MySpace into my blog, but I'd like to make it loop and start automatically. I tried adding loop="1" and autostart="1" as well as loop="true" and autostart="true" inside the embed tag. I even tried autoplay instead of autostart. I also tried adding &autoplay=1&loop=1 to the end of the URL inside the embed tag, which works for YouTube videos. None of these methods worked! Does anyone know how to do this? At this point, I'm beginning to think MySpace has something that overrides any attempts to autostart or loop a video, presumably to prevent people from hiking up their view counts. i used to use dreamweaver code to embed an swf file using the AC_RunActiveContent.js file along with the html code <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','550','height','400','title','Video','src','test','quality','h igh','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','test' ); //end AC code </script><noscript><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="550" height="400" title="Video"> <param name="movie" value="test.swf" /> <param name="quality" value="high" /> <embed src="test.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="400"></embed> </object></noscript> i have used the swfobject method by following the steps mentioned at http://code.google.com/p/swfobject/wiki/documentation when i use the swfobject method and validate my html code there are no errors however with the dreamweaver code i get errors when validating my html code my question is when i downloaded the zip file from http://code.google.com/p/swfobject/ after unzipping this file there are 2 swfobject.js files one in the root directory after unzipping and another swfobject.js file inside a folder called src i have used swfobject.js file from the root directory when i called this from <script type="text/javascript" src="swfobject.js"></script> and the flash file plays and also the html code validates, is this the right way of using swfobject.js file from root directory or should i be using the one from the src folder also just to test how the alternate content would appear if the flash player plugin is disabled or uninstalled i entered html text as alternate content using swfobject method, what i have noticed is i get the alternate content only if i disable flash player plugin however if i disable javascript in most browsers the swf file plays as the swfobject is calling a javascript i guess the swf file should not play or is this how it normally works if this is the case in the alternate text, i guess i should be mentioning "You have either javascript disabled/turned off or do not have a flash player plugin installed, download the latest flash player" please advice. thanks a lot Hi Beginner! I need to embedd data from a xml-file into a html-page. The xml is he http://www.jornemark.nu/temperatur/last.xml (containing temperature loggs) If I put the following code into a html-page my plan is for the data from the xml-file to be presented in a neet little table: Code: <xml id="logtemp" src="http://www.jornemark.nu/temperatur/last.xml"></xml> <table border="1" datasrc="#logtemp"> <tr> <td><span datafld="NAME"></span></td> <td><span datafld="VALUE"></span></td> <td><span datafld="DATE"></span></td> <td><span datafld="TIME"></span></td> </tr> </table> I mess up somewhere along the way. Where? I have no possibiltiy of changing contents of the xml-file. Also, will this work/look the same in both IE and Firefox? Hi, My current website does not allow me to upload the specific files that I want so I have made a new website to host some flash files so that I can embed them on my own website without having to upload them directly. I'm trying to upload the following onto my website by embedding it in HTML but I'm having difficulties. http://bikeone.org/product-viewer/index.html Can anyone please help. I tried this script but it didn't work... <script type="text/javascript"> var flashvars = {}; flashvars.folderPath = "http://bikeone.org/product-viewer/index.html"; var params = {}; params.scale = "noscale"; params.salign = "tl"; params.wmode = "transparent"; params.allowfullscreen = "true"; var attributes = {}; swfobject.embedSWF("http://bikeone.org/product-viewer/index.html", "ComponentNameDIV", "600", "400", "9.0.0", false, flashvars, params, attributes); </script> Thanks! I want to embed (not hyperlink) a sub-document into a master. The specifications for HTML 4.01 at paragraph 13.5 provide the following simple example: <OBJECT data="embed_me.html"> Warning: embed_me.html could not be embedded. </OBJECT> (the Warning message displays in case the agent fails to load the embedded document) However I have not been able to make this feature work. If you open the master file with Internet Explorer 7, you obtain the Warning message, hence IE7 is not capable to load the embedded document. At the same time the bar saying that pop-ups have been blocked shows, but even allowing the pop-up nothing changes. I tried to add information, such as: <OBJECT data="embed_me.html" type="text/html"> ... with no result. Why is the tag OBJECT not working as expected? What have I done wrong? Thanks a lot. I've spent the past few days constructing a website for a friend and have gotten to a point where I'm absolutely at a standstill. . .this chat will not embed on the site! Over the past few days I've started from no knowledge of any languages and learned quite a bit of PHP and HTML from constructing the site and reading tutorials, but this has stumped me. There is nothing about this kind of stuff that I can recognize! All the swf embedding with html makes little sense to me, and through 4 hours of research and trial and error I've made little progress. . . So, can anyone help me get embedding this to work in HTML? <object width="500" height="500" id="obj_1241327305765"><param name="movie" value="/group"/><param name="wmode" value="transparent"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1241327305765&v=0&w=0"/><embed id="emb_1241327305765" src="" width="500" height="500" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1241327305765&v=0&w=0"></embed></object><br> Or explain to me why it will never work. . .? I apologize for my stupidity if that is the case. . . Ok, so I'm trying to revamp my website to be W3C standards-compliant. Here's what I have currently: http://www.xboltz.net/index-new2.html I have a sidebar in a separate HTML document, that I bring in with an object tag, in order to make it easier to add new pages since I don't have to change every other page to add a link. I thought that by setting the object height at 100%, it would scale according to the height of what was inside the box, but it scales to the browser window instead. At 1024x768 and with all three collapsible elements open, a scrollbar appears in the object. Is there a way to make it so the whole page can be lengthened according to what's inside the box? And another thing that's really more important; the links do not work in IE. I tried 7 and 8, and the links all open inside the object, as opposed to the full window. It does that with both target="_parent" and target="_top". The links work in Firefox just fine. Is it possible to embed a file into a notepad html page (I am not online yet, as I am still learning) and have it open with a specified EXE program>? An example. Pretend I wrote a basic file (old school gwbasic, lets call it basic.bsc) and wanted to attach it just like a URL, so when I click on the words "A cool looking file", it would open the program. The problem is, the person i intended to view the file doesn't have the appropriate program. So, I have added the program to view the file into the folder in which the basic.bsc file was located. I know another text file would be <a href="basic.html"></a> Is there similar for my specified predicament? First post here. Hope someone can help. I need to embed a table into hundreds of websites. the data in the table changes frequently. I want to be able to alter the table in one place and it changes it on every website. What I've done, and it works well in Firefox, is create a separate html file with the table which resides on the server. Then I use this code in the host website <object data=http://www.web-source.net type="text/html" width="600" height="400"> <embed src=http://www.web-source.net width="600" height="400"> </embed> Error: Embedded data could not be displayed. </object> It will not register in IE though. Works fine in Firefox. Any ideas as to how to solve this or a better easier way to do this?? Thanks in advance. Rich |
|||||||