|
HTML - Adding Background Music With Youtube
Hey, I embedded a youtube video on my site and then I tweak the youtube embed video code and added in hidden=true and &autoplay=1&loop=1. I hid the video and made it autoplay and loop, and got background sound. Works great and works both on IE and Firefox.
But I'm just wondering, is it against youtube's rules to hide their videos on your site. I feared that so I took the video off. Similar Tutorialsmy site i'm working on i want to put in background music which i know how to do. one thing i'm not sure of is can you make the background music carry over form page to page without the song restarting every page load snakes.richscomputers.com is the site I have a specific page on my site I want to have background music (and no, I don't care how horrible the idea sounds, I've already heard the arguments against it, and it doesn't bother me). I know the html code (well the basics of it as): HTML Code: <embed src="yourfilename.mp3" autostart="true" hidden="true" loop="true" width="0" height="0"> </embed> <noembed> <bgsound src="yourfilename.mp3" loop="infinite" > </noembed> My question is, is there something Ican to add in order to change the volume of the music? hello please help me how can i put background music .mp3 file in my html website..thanks in advance hoping for your positive responds Hi All, I am working on a website and I want to have background music to my web-pages. How to add background music to pages that will play in loop. I have .mp3 file format which i want to play in loop as a background music to all pages. Thanks in advance. Hi All, I am working on a website and I want to have background music to my web-pages. How to add background music to pages that will play in loop. I have .mp3 file format which i want to play in loop as a background music to all pages. Thanks in advance. Can anyone offer advice as to how do I go about uploading my music to my music webiste. www.discomixdownload.com I am currently running the "easybe 1-2-3 music shop software. They e-mailed me ftp up directories, but I don't know how to go about the whole music file upload process.?. I website is hosted by a www.fastdomain.com Truly D.J.mixhypnatist. 06/21/2008 My Headfirst book on page 404 says to add the background-image property to a paragraph so I add the code for that and a few other changes highlighted in bold in last paragraph but it doesn't show the image on the browser and the css validator does not show it as an error, also what I don't understand is why there are THREE classes with the same name [.guarantee] in this stylesheet? The url is: file:///C:/Headfirst/HFHTML_ch10/lounge/lounge.html body { font-size: small; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 1.6em; } h1, h2 { color: #007e7e; } h1 { font-size: 150%; } h2 { font-size: 130%; } .guarantee { border-color: black; border-width: 1px; border-style: solid; background-color: #a7cece; padding: 25px; margin: 30px; line-height: 1.9em; font-style: italic; font-family: Georgia, "Times New Roman, Times, serif; font-color: #444444 body { font-size: small; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 1.6em; } h1, h2 { color: #007e7e; } h1 { font-size: 150%; } h2 { font-size: 130%; } .guarantee { border-color: black; border-width: 1px; border-style: solid; background-color: #a7cece; padding: 25px; margin: 30px; line-height: 1.9em; font-style: italic; font-family: Georgia, "Times New Roman, Times, serif; font-color: #444444 body { font-size: small; font-family: Verdana, Helvetica, Arial, sans-serif; line-height: 1.6em; } h1, h2 { color: #007e7e; } h1 { font-size: 150%; } h2 { font-size: 130%; } .guarantee { border-color: black; border-width: 1px; border-style: solid; background-color: #a7cece; padding: 25px; margin: 30px; line-height: 1.9em; font-style: italic; font-family: Georgia, "Times New Roman, Times, serif; font-color: #444444 background-image: url (images/background.gif) ; } I'm editing a tumblr, with complete custom HTML, and I was wondering how I'd either add one fixed white rectangle going down the page vertically (the posts are centered on the page, but the page background is too distracting from the posts themselves). Or, how I would just add white borders around each individual post? This should explain the look I want (with different colors/ background/ etc) Hello all, I am helping a company develop a website right now. But, I am very new to it and would like some help. I went to w3schools but I am not getting enough info. I needed help on the problems that I stated in the title. Here is my code. I added a transparent code on the bottom, I tried to change the background by putting my renaming my picture and uploading it through godaddy. Since I have hosting and domain with godaddy, and I use companies computers I can't install a FTP client because of some restrictions. If you are confused with what I say, please ask me to clarify. If you can, can you send me your AIM, GTALK, MSN, ETC.... so we can diagnose this problem. <html> <body> <p> <Center> <h1>Welcome to _____________</h1> </Center> </p> <p> <Center> <h3>*******<h/3> </Center> </p> <center><p><h2> Contact Us: ..........<h/2></p> </Center> <p> <h3><b>Introducing The ***:</B><h/3> <center> <h4>*$125.00 A Month Gets You Basic Service Office Space <p>Assigned Phone Number with Option of Voice Mail or Call Forwarding</p> Personal Email Address <br>(Ex: YOURBUSINESSNAME@........)</br> <p>Access to our Conference Rooms</p> <p>Professional Address for Mail</p> <p>Wi-Fi with in our Office</p> <p>E-Fax</p> In Addition you will have Exposure to other Professionals in Real Estate Business. <h/4> <p>Extended Use of Reception Personnel</p> <p>Private Office</p> <p>Warehouse Space</p> <p>Accounting and more!</P> $250 Initial Setup Fee Will Be Required <p>*Contact us for more information on optional services</p> </Center> <p> <h3>Along with the next step program, we offer services such as:<h/3> </p> <p> <ul> <li>Tenancy</li> <li>Property Management</li> <li>Rehabilitation</li> <li>Remodeling</li> <li>Road to Ownership</li> </ul> </p> <p> <Center> Below are videos that explain more about our mission to provide services to the Chicagoland area. </Center> </p> <html> <head> <style type="text/css"> div.background { width: 500px; height: 250px; background: url(bcc.jpeg) repeat; border: 2px solid black; } div.transbox { width: 400px; height: 180px; margin: 30px 50px; background-color: #ffffff; border: 1px solid black; filter:alpha(opacity=60); opacity:0.6; } div.transbox p { margin: 30px 40px; font-weight: bold; color: #000000; } </style> </head> <body><div class="background"> <div class="transbox"> <p>This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. This is some text that is placed in the transparent box. </p> </div> </div> </body> </html> Hi All This is my first post so i hope I provide all the info you need, to be able to help. I am working inside Macromedia UltraDev as this is waht I was taught with over a decade ago. Problem started when I set a fixed background image to the page . . . dropdown menu still displays, but everything else (text & pics) in table seem to be hiddden behind the background image. here is the code HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1; padding:10px;}
</style>
<link rel="stylesheet" type="text/css" href="dropdown/dropdown.css" />
<script src="dropdown/btp.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="en-au">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Barcaldine Tourist Park</title>
</head>
<body>
<div align="center"> <center>
<table width="1000" border="0" cellpadding="0" height="100%">
<tr>
<td height="54" colspan="2">
<div align="center">
<h1><font face="Georgia, Times New Roman, Times, serif" size="+7">Barcaldine
Tourist Park</font></h1>
</div>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="146" colspan="2"> <span class="preload1"></span> <span class="preload2"></span>
<ul id="nav">
<li class="top"><a href="#nogo1" class="top_link"><span>Home</span></a></li>
<li class="top"><a href="#nogo2" class="top_link"><span>Park Features</span></a></li>
<li class="top"><a href="#nogo22" class="top_link"><span>Accommodation</span></a></li>
<li class="top"><a href="#nogo27" class="top_link"><span>Our Tarrifs</span></a></li>
<li class="top"><a href="#nogo57" class="top_link"><span>Special Offers
</span></a></li>
<li class="top"><a href="#nogo57" class="top_link"><span>Local Photos</span></a></li>
<li class="top"><a href="#nogo57" class="top_link"><span>Contact Us</span></a></li>
<li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Local
Attractions</span></a>
<ul class="sub">
<li><a href="#nogo54">Australian Workers Heritage Centre</a></li>
<li><a href="#nogo55">Tree of Knowledge</a></li>
<li><a href="#nogo56">Artesian Country Tours</a></li>
</ul>
</li>
</ul>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td rowspan="2" width="99"> </td>
</tr>
<tr>
<td rowspan="5" width="895" bgcolor="#FFFFFF">
<div align="center"></div>
</td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99"> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td width="99" height="23"> </td>
</tr>
</table>
</center></div>
<div id="page-background"><img src="images/bg.jpg" width="100%" height="100%" alt="Smile"></div>
<div id="content">
</div>
</body>
</html>
Ok I'd really like to design a darker them with a lot of textures like this one: http://www.grafpedia.com/tutorials/c...o-pixel-layout But thats just a photoshop walk-thru. So how would you go about making a background like the one shown with a couple of different textures without making just 1 large huge image? I'm worried about download times as I have my background image as a 1px image set on repeat. But if I choose to have a site design like shown in that link, I cant use the 1px image size option any more, or can I? Basically I'm lost as to how to get my site to look like the design in the link. Here it is now: http://acidtripmediaproductions.com/lmi/index.html I'd like to extend the main center div to go from the top to the bottom and "Frames" all the content within it Whats the easiest way to do that? Would I want to keep the side bar nav where its at if I do this? hiya, im new to this,and i jus wanted to know how can you put on music on your webpage beside goin through midi and wav???? plz can i have some help thanx in advance hi guys.. hope sm1 gonna sort out my problem i am just a beginner to html script,and my problem is that i smhow manage to get script to include media player into my webpage but i am not able to add song file into in it for e.g if i want to add akon.mp3 or any other song i am not able to do it hope sm will help me thanx in advance script is here Code: <!-- Multi WM Player at www.rainbow.arch.scriptmania.com/scripts/music/ --> <OBJECT ID="music" height=70 width=230 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=,1,52,701" standby="Loading Microsoft Windows Media Player components..." <!-- Change to value=0 to hide status --> <param name="ShowStatusBar" value="1"> <param name="AudioStream" value="-1"> <param name="AutoSize" value="0"> <param name="AutoStart" value="-1"> <param name="AnimationAtStart" value="-1"> <param name="AllowScan" value="-1"> <param name="AllowChangeDisplaySize" value="-1"> <param name="AutoRewind" value="-1"> <param name="Balance" value="0"> <param name="BaseURL" value> <param name="BufferingTime" value="5"> <param name="CaptioningID" value> <param name="ClickToPlay" value="-1"> <param name="CursorType" value="0"> <param name="CurrentPosition" value="-1"> <param name="CurrentMarker" value="0"> <param name="DefaultFrame" value> <param name="DisplayBackColor" value="0"> <param name="DisplayForeColor" value="16777215"> <param name="DisplayMode" value="0"> <param name="DisplaySize" value="0"> <param name="Enabled" value="-1"> <param name="EnableContextMenu" value="-1"> <param name="EnablePositionControls" value="-1"> <param name="EnableFullScreenControls" value="0"> <param name="EnableTracker" value="-1"> <param name="Filename" value> <param name="InvokeURLs" value="-1"> <param name="Language" value="-1"> <param name="Mute" value="0"> <param name="PlayCount" value="1"> <param name="PreviewMode" value="0"> <param name="Rate" value="1"> <param name="SAMILang" value> <param name="SAMIStyle" value> <param name="SAMIFileName" value> <param name="SelectionStart" value="-1"> <param name="SelectionEnd" value="-1"> <param name="SendOpenStateChangeEvents" value="-1"> <param name="SendWarningEvents" value="-1"> <param name="SendErrorEvents" value="-1"> <param name="SendKeyboardEvents" value="0"> <param name="SendMouseClickEvents" value="0"> <param name="SendMouseMoveEvents" value="0"> <param name="SendPlayStateChangeEvents" value="-1"> <param name="ShowCaptioning" value="0"> <param name="ShowControls" value="-1"> <param name="ShowAudioControls" value="-1"> <param name="ShowDisplay" value="0"> <param name="ShowGotoBar" value="0"> <param name="ShowPositionControls" value="-1"> <param name="ShowTracker" value="-1"> <param name="TransparentAtStart" value="-1"> <param name="VideoBorderWidth" value="0"> <param name="VideoBorderColor" value="0"> <param name="VideoBorder3D" value="0"> <param name="Volume" value="0"> <param name="WindowlessVideo" value="0"> <EMBED type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" SRC="http://myserver/mypath/myfile.asf" name="MediaPlayer" height=70 width=230> </EMBED> </OBJECT> </div> <p> <BR> <INPUT id=song1 onclick=document.all.music.filename=document.all.song1.value; TYPE="RADIO" NAME="Music" VALUE="http://www.uploadhut.com/id153745/Crazy Frog Remixx ( WARNING VERY FUNNY!!).WAV"> Song 1</p> <p> <INPUT id=song2 onclick=document.all.music.filename=document.all.song2.value; TYPE="RADIO" NAME="Music" VALUE="http://servername/path/to/media.file"> Song 2</p> <p> <INPUT id=song3 onclick=document.all.music.filename=document.all.song3.value; TYPE="RADIO" NAME="Music" VALUE="http://servername/path/to/media.file"> Song 3</p> if i choose song 1 it should play akon.mp3 and so on...... plz help me I'm looking for a small, simple, and customizable code for a music player. I want one where I can just change the code to point to my music. Something like you see on kelliepickler.com Anybody have a link? Thanks in advance! i was wondering is it possible to download a wav file to the temporary internet files without it showing any download screen or allow it to download screen [font="Times New Roman"][size="2"] I have built a website for a high school class Class of 52 click here A class member asked me this question I do have another question for you,,,,,,,,,,, If I were to download some old songs and put them on a CD, would you be able to incorporate it into our whole site ? Would it stop when changing pages, like going from the 40th. reunion page to the, Cathe Watson page ? In other words, I would like to have continuous music, while viewing the whole website. How can I do this ...can it be done at all Thanks Walt Hi there, I am trying to make a music MySpace - I've got the basics there but I want to add the MySpace music player under the buttons. See he http://tinyurl.com/33gbayw Does anyone know how I can do this? Any help will be appreciated. Thanks! how do you get music to repeat itself over and over. and to auto play? here is the code <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="13" height="13" allowNetworking="internal"> <param name="wmode" value="transparent"> <param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="resourceID=97664201&flp=false" /> <param name="movie" value="http://static.last.fm/webclient/inline/1/inlinePlayer.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed wmode="transparent" src="http://static.last.fm/webclient/inline/1/inlinePlayer.swf" quality="high" FlashVars="resourceID=97664201&flp=false" bgcolor="#ffffff" width="13" height="13" name="inlinePlayer" allowNetworking="internal" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> <a href="/music/Linkin+Park"></a><a href="/music/Linkin+Park//Wake"></a> problem is i dont know how to make it repeat and i dont know how to make it autoplay i would be very gratefull for any help given Hi How can I use e my music files/PC as source in my html code and play it on a social social networking site, what is the best way to do it? I'm not asking for any code but I'm a little confused, I mean, is there any way to use my PC as source or I must upload my files and make a playlist or just upload them on a website and use : <embed src="URI " /> I know Google is my friend but I didn't find anything about redirecting the site to my PC, so my PC can serve the social networking site. 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 |
|||||||