|
HTML - Embedding Youtube
When I embed a YouTube video in my webpage, it is left-justified. What HTML tweak do I need to center this puppy?
The standard code is: <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/NA0iGQCd4TM"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/NA0iGQCd4TM" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object> Thanks in advance for the help. Similar TutorialsDoes anyone know the best practice for creating/embedding a video (3gpp/3gpp2/mp4) in html? Thanks in advance, James hello im building a website for my accociate. i built a layout with tables and all that stuff. i am tryin to insert a flash document in a table. whenver i go to test it iin ie7 its stops the flash movie from opening and says Warning this site includes active x click here for more options and then you click on it and click allow. how do i get around this as i need the flash doc to open imedietly upon going to the site thanks augie 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. How would I get a text that looks faded. I don't want the text fade in and out, I just want the font to look kinda old. Does anyone know where I can either find it or give me the name of the tag Also, how would I embed music from Itunes, I'm having trouble with that. 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 all, I have a problem that i hope someone can help me with. I am trying to embed images into an html file but they only appear in Firefox, when i try to preview the file in IE i get the text instead Here is the code that i am using Code: <OBJECT data="header_small.gif" type="image/gif">This is the hospital name</object> I have read that IE has problems with embedded images, is there a way to make it show them? Thanks in advance Hello, I'm creating a site that requires the inbuilt audio player to keep streaming music between page loads. What coding options are available for this, HTML, PHP or otherwise? Regards Eddie 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/ Hey Folks, Newb here... I am trying to put a .pdf file in my webpage, that people will be able to download at a click. I dont want the file actually embedded in the page. I know it has to be pretty simple but cant find the answer on the web. Any help appreciated pwalsh22 Hello all, I have created an Embedded OpenType File and uploaded it to my server in the root directory. Within my css file, I have added the following definitions: Code: @font-face {
font-family: font1;
src: url(ARIALRO0.eot);
}
.header1 {
font-family: font1;
font-size: 26px;
color: #000066;
}
However, header1 will always display as times new romain, not the embedded font. Any ideas? is it possible?? it's not working by any approach! i read about htaccess but didn't know how exactly i can use it to embed a font, if it solves firefox problem how can i use it?? here is the code, u will see eveything i tried Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<LINK REL=FONTDEF SRC="http://www.site.com/CHILLER0.eot">
<style>
@font-face {
font-family: CHILLER0;
font-style: normal;
font-weight: normal;
src: url(http://www.site.com/CHILLER0.eot);
}
@font-face {
font-family: CHILLER0;
font-style: normal;
font-weight: normal;
src: url(http://www.site.com/CHILLER.TTF) format("truetype");
}
.psycho {
font-family: "CHILLER0", Verdana, sans-serif;
font-size: 48px;
color: #000099;
}
</style>
</head>
<body>
<!--[if !IE]> <!-->
<embed type="application/pdms-weft-plugin" font_face="CHILLER" src="http://www.site.com/CHILLER0.eot" hidden="true" pluginspage="http://pakdata.com/products/pdms-weft-plugin" />
<!--<![endif]-->
<p class="psycho">This Looks Embedded to Me</p>
</body>
</html>
really appreciated :hat: I have embedded the media player on the website using this code: Code: <object type="application/x-shockwave-flash" data="test.swf" width="345" height="90"> <param name="movie" value="../flash/test.swf"> </object> and it works fine except it doesn't seem to be able to load the sound. I have the sound in the same folder as the flash file and the sound runs fine when I test the .swf but not when I embed it into the website. 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. . . 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, I'm making my first website, and I'm trying to embed an mp3 file into a page. So far I have a folder of html files on my computer an haven't uploaded to a server yet. With the file "Telefone529Musicology.mp3" in this folder, and using the tag: Code: <embed src="Telefone529Musicology.mp3" WIDTH="145" HEIGHT="60" AUTOPLAY="true" LOOP="true"></embed> I can't get it to work on either FF or IE7, and I want it to work on both, since they seem to be the most popular browsers. In FF, my page loads, and at the point of the embed tag I get a square box containing the quicktime logo and a question mark, with no sound. I checked my quicktime settings, and the default action for .mp3 files is to use the quicktime plugin, and I'm sure it has worked in the past so is it a problem with the code or some other settings I need to configure on my browser? Likewise, in IE7, the same thing happens, except I get a box with a little red cross, and no sound. Again, I'm sure my quicktime plugins are up to date, and configured to play mp3 files, so I'm lost. I'd really like to get this working, 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> 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'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 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 |
|||||||