HTML - Putting Videos Online
Hey, I'm wanting to know how to place videos on a webpage that are personal to the website, in other words.. not a YouTube video.
Like this for instance: http://www.stomperblog.com/darrin-mi...al-case-study/ How can i set up a video like this on a website? Do i need a certain program? Thanks! Similar TutorialsHey guys I'm trying to get Quicktime videos to play on my website using Internet Explorer. This is what i have: <?xml version =1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtm11/DTD/xhtm11-strict.dtd"> <html xmlns = "http://ww.w3.org/1999/xhtml"> <head> <Title>WE Productions Showreel: JuicyFruit </head> <body> <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="576" width="720"> <param name="src" value="Videos/JuicyFruit.mov" /> <param name="autoplay" value="true" /> <param name="controller" value="true" /> <embed pluginspage="http://www.apple.com/quicktime/download/" src="Videos/JuicyFruit.mov" type="video/quicktime" height="576" width="720" controller="true" autoplay="true" ></embed> </object></div> <img border="0" src="Video Images/JuicyFruitInfo.jpg" width="200" height="300" style="position: absolute; left: 730px; top:50px"> </body> </html> This works in all other internet browsers except in Internet Explorer. In IE it shows nothing...not even the infomation .jpg image next to it. Help pls! what is the best way to play videos in an html page?? i need to play videos in my site... what is the fastest way to play videos in a normal speed (not slowly) Hey whatsup? I am working on a wrestling site ( www.bballcentral.com/stkf ). ANyways, im trying to get videos up onto the site? How do i do that and what sthe best ways? Im doing a website and have some videos up. I want to be able to have pictures of all the available videos and when the user clicks one of them I want that video to load right next to all the pictures. I remember Google videos had something like this, when you clicked the video you wanted it loaded the video in that page without getting rid of the pictures of all the videos, but they don't have that option anymore. This is the website im doing. http://eyeamchito.fileave.com/videos.html Thanks in advance if I got you confused let me know. I'm trying to make it possible to download a couple of MP4 videos off of the website I'm working on. I'm using the following code, which I'm pretty sure should work, because when I switch the video name to the .WMV version it works with no problem. The links also work fine when I open the .htm with Firefox or IE, they just fail when they're hosted and online. <a href="Path to the video on my computer"><img src="Path to the image on my computer" alt="GR Magic Download"></a> Does anyone know what is wrong and how I can fix it? The videos don't have to be playable (but it would be nice), they just need to be able to be downloaded. Thanks! Hi, I have a site that has embeded Youtube videos. These pages load fine and videos appear in Firefox, but not in I.E. Any ideas? BMW Crazy Car Videos I'm building a website in which user after logging in can upload videos, but I've no idea how to create a database that can store videos. I'm using PHP mySQL PLZ help Hey guys! So I've tried a couple themes for my blog on Tumblr.com and both themes I tried had "endless scrolling" and for some reason my videos are not displaying on these themes! In place of the videos it says "Flash player required" (The videos are uploaded with Tumblr's video uploader, the few videos I have from Vimeo show up, but they do not fit the layout properly) Is there anything I can do? I can send anybody the HTML if you think you can help! (It's really long / I'm not sure if it will paste here) I can also send you the link to my blog! I am very new to writing HTML and a friend wrote this code for me to upload videos to a webpage I am making. Unfortunately the videos load and play automatically when the page is opened. I cannot figure out what is going wrong and I cannot get in touch with the friend who wrote the code in the first place. Does anyone have any suggestions on how I can edit the code below so that the videos will only load when a person clicks the "play" button? <TABLE BORDER="0" CELLSPACING="15"> <TR> <TD> <object width="360" height="270"> <param id="video-param" name="movie" value="movies/ell.mp4"> <param name="controller" value="true"> <embed id="video-embed" src="movies/ell.mp4" controller="true" type="video/mp4" width="360" height="270"></embed> </object> </TD> <TD> <object width="360" height="270"> <param id="video-param" name="movie" value="movies/esl.mp4"> <param name="controller" value="true"> <embed id="video-embed" src="movies/esl.mp4" controller="true" type="video/mp4" width="360" height="270"></embed> </object> </TD> </TR> <TR> <TD><i><div style="text-align: center;"><big>Long</big></i></TD> <TD><i><div style="text-align: center;"><big>Short</big></i></TD> </TR> </TABLE> Thanks in advance for any advice you can offer! Hello. I just want to start off by saying that I have never made a website before; I am a film maker. Well, I had a project in mind that I wanted to fulfill, and I didn't know how to do it, so I came across this forum because it seemed like a knowledgeable resource. I have a bunch of videos that I have made over the past few years, and I want to create a website that has all of those videos to view. All I want my website to have is a name of my production company on the top, and a list of text that, when clicked, opens each respective video up in a new window below that. And that is all. If you could walk me step by step on this venture of mine, I would be most thankful. Adam Easy Way to Put Videos on Web Pages, Blogs, Forums, eBay Auctions, MySpace and More Web videos are becoming more and more popular. One of the notable features is that web videos can be played directly on the web. Businessmen may want to add web videos to their sites for a better view of their companies and products. Web designers may need to add web videos to their sites to enrich multimedia content. Video fans may also want to create amazing web videos easily and share them with their families and friends directly. Some other people may even want to promote their products or websites by adding advertisements or links to web videos. Socusoft Web Video Player provides a perfect solution to the above mentioned. Socusoft Web Video Player is an easy-to-use yet powerful application for creating web videos with an embedded player which can be placed directly into the webpage. It enables you to share your video clips with your family and friends more easily, you may just send them a link of the video page. The streaming videos on your site can be played directly and instantly due to an embedded player. Below are some notable features of this program: -- Easy to use -- No flash knowledge or skills required -- Single/batch FLV video(s) input -- Single/multiple video conversion of various formats into FLV or other formats -- Add any video to your site -- Quick editing of video file properties such as adding target URL of ads -- Cool themes for web videos -- Rich parameter settings for web videos -- Show/Hide of video play list and playback feature -- Extremely easy to publish web videos and embedded player -- Convenient to get ready-made files for Dreamweaver or FrontPage Detail of the features: web-video-player.com Download the program: web-video-player.com or google search the program. Simple Steps to Publish Videos on Web Pages, Blogs, Forums, eBay Auctions, MySpace and More 1. Add Video Go to the first step "Video" and click the button "Add" to add flash video (flv) files. 2. Choose Themes Turn to the second step "Themes" and choose player themes for your video. 3. Publish Now you can publish web videos and the embedded player for your website or blog at the last step "Publish". As the way to embed videos into web pages or put videos on blogs, forums, eBay Auctions, MySpace and more, we will take one as an example. Example: How to embed your web video into the webpage? When you have finished publishing your web video, click the button "Open Output Folder" In the folder, there is a file named "fs_aux.html". You may right click the file and choose open it with "Text" program. You may also go to Start Menu>Programs>Accessories> "Text" program and open it. Then, drag the file "fs_aux.html" to the "Text" program. Copy the code highlighted above from "<object>" to "</object>" into your webpage. Note: 1. If you use Dreamweaver or FrontPage, you need to switch the mode from design view to code view. 2. You also need to copy all the files and sub-folders in the output folder to the same folder of your own html file. If you put these files in another folder, please change the code "sample.swf?xml_path=music video.xml" by adding correct path before the SWF and XML file. my website is totobay,u can google it,if anyone who has time,welcome to give some advice to me,maybe u can have a harvest in my website. In all,welcome to google totobay PURSUE HIGHER KNOWLEDGE! I've made a layout for a sim site however I can't workout why I can't get the text to go where I want. Code: Code: <table width=95%><tr><td><center><div style="background-image:url(http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/bernipngnewlayout.jpg); width:700px; height:700px;"> <br><br><br><br><br><br><br><br> <body><style type="text/css"> .container { width: 300px; height: 500px; top:100px; overflow: auto; overflow-y: hidden; border: 0px; } .section { height: 500px; overflow: auto; } </style> <table width="100px"><tr><td> <div style="width: 300px; height: 500px; border: 0px;"> <html> <br><a href="#ABOUTOWK"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/ABOUTOWK.png" border="0"></a> <br><a href="#ABOUTME"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/ABOUTME.png" border="0"></a> <br><a href="#SERVICES"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/SERVICES.png" border="0"></a> <br><a href="#MYTAGS"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/LAYOUTS/MYTAGS.png" border="0"></a> </div> </td><td> <div class="container"> <html> <head> <FONT COLOR=" #000000"> <a name="ABOUTOWK"></a> <div class="section"> <br><br><center> <u>English ****er Spaniels</u><br> OWK is currently specializing in English ****er Spaniels. OWKs are proud that we've raised the top ****ers on Mutt-z. Our ****ers are currently trained in Agility and Flyball. Although, we want the best all-rounder dogs. <p> <u>Bernese Mountain Dogs</u><br> At the moment OWK has a pair of Bernese Mountain Dogs, whose their stats are being raised. They are named after mountains from their birthplace the Swiss Mountain Range. <p> <u>English Springer Spaniels</u><br> OWK also has a pair of Springers, who will be interbred with my ECSs to create Sprockers. The most awesome mix on the planet. xD </center> </div> <br><br> <a name="ABOUTME"></a> <div class="section"> <br><br><center> Hey! :D I'm Bernie! I'm 16 years old and live in West Sussex, England. I've always lived here and have been out of Europe twice. XD I've been to Italy once and have been to Northen France a few times. <br> I have a 4 year old English ****er Spaniel whom I ADORE! She has me firmly wrapped around her little paw. n-n Ruby is the inspiration for my kennel and my love of dog training. </center> </div> <a name="SERVICES"></a> <div class="section"> <br><br><b>Manips</b> - If you want a manip done, PM me. <br> <b>Layouts </b>- If you want a layout done, PM me. Price depends on complexity. </div> <a name="MYTAGS"></a> <div class="section"> <br><br><center> <MARQUEE direction="up" width="75%"><img src=http://i74.photobucket.com/albums/i253/Fish_Outta_Water_/leno2.gif><img src=http://img210.imageshack.us/img210/3231/berniesdf8.png><img src=http://i94.photobucket.com/albums/l110/Ren_041/Sales/howlingwolfbernie.gif><img src=http://mutt-z.com/images/avatars/1451.png><img src=http://i408.photobucket.com/albums/pp169/berniemad/avi1-32.png><img src=http://i408.photobucket.com/albums/pp169/berniemad/FF/Stafftag-bernie.png> </MARQUEE> <p> My character <a href="http://i844.photobucket.com/albums/ab3/bernie-mad/Stoat.png">Stoat</a>! <p> <a href="http://i844.photobucket.com/albums/ab3/bernie-mad/Stoat.png"><img src="http://i844.photobucket.com/albums/ab3/bernie-mad/Stoat.png" width=200px length=200px></a> </center></FONT> </div> </div> </td></tr></table></style></head></body></td></tr></table> This is my code and im trying to put <div id="background"> into a table so when the screen resolution is bigger or smaller it makes it fit like the rest of the page URL: http://mylocalmenu.co.uk/test.html HTML Code: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="Find your local takeaway menu's here"/> <meta name="keywords" content="my local menu, my local takeaway,local takeaway, local takeaways, Takeaway, Take away, takeaway, take away, food, kebab, donner, menu, Deal menu's, local menu's, local menu, local takeaway, deal, kent"/> <meta name="author" content="Ashley Sargent"/> <title>My Local Menu</title> <meta charset="iso-8859-1" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="advert.css" type="text/css" /> </head> <body> <div id="background"> <div class="freeadvertspace"> <script type="text/javascript"><!-- google_ad_client = "ca-pub-2350274685081572"; /* dclxvi add */ google_ad_slot = "6428215554"; google_ad_width = 160; google_ad_height = 600; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <ul class="navigation"> <div class="navi"> <div id="header-content"> <div style="position: relative"> <li><a href="index.html">Home</a></li> <li><a href="#">Locations A - H</a> <ul> <li><a href="#">Bedfordshire</a></li> <li><a href="#">Berkshire</a></li> <li><a href="#">Bristol</a></li> <li><a href="#">Buckinghamshire</a></li> <li><a href="#">Cambridgeshire</a></li> <li><a href="#">Cheshire</a></li> <li><a href="#">Cleveland</a></li> <li><a href="#">Cornwall</a></li> <li><a href="#">Cumbria</a></li> <li><a href="#">Derbyshire</a></li> <li><a href="#">Devon</a></li> <li><a href="#">Dorset</a></li> <li><a href="#">Durham</a></li> <li><a href="#">East Ridings<br> Of Yorkshire</a></li> <li><a href="#">Essex</a></li> <li><a href="#">Gloucestershire</a></li> <li><a href="#">Hampshire</a></li> <li><a href="#">Herefordshire</a></li> <li><a href="#">Hertfordshire</a></li> </ul> <li><a href="#">Locations I - S</a> <ul> <li><a href="#">Isle Of Man</a></li> <li><a href="kent.html">Kent</a></li> <li><a href="#">Lancashire</a></li> <li><a href="#">Leicestershire</a></li> <li><a href="#">Linconshire</a></li> <li><a href="#">London</a></li> <li><a href="#">Middlesex</a></li> <li><a href="#">Norfolk</a></li> <li><a href="#">North Yorkshire</a></li> <li><a href="#">Northamptonshire</a></li> <li><a href="#">Northumberland</a></li> <li><a href="#">Nottinghamshire</a></li> <li><a href="#">Oxfordshire</a></li> <li><a href="#">Rutland</a></li> <li><a href="#">Shropshire</a></li> <li><a href="#">Somerset</a></li> <li><a href="#">South Yorkshire</a></li> <li><a href="#">Staffordshire</a></li> <li><a href="#">Suffolk</a></li> </ul> <li><a href="#">Locations S - Z</a> <ul> <li><a href="#">Surrey</a></li> <li><a href="#">Sussex</a></li> <li><a href="#">Tyne And Wear</a></li> <li><a href="#">Warwickshire</a></li> <li><a href="#">West Midlands</a></li> <li><a href="#">West Yorkshire</a></li> <li><a href="#">Wiltshire</a></li> <li><a href="#">Wirral</a></li> <li><a href="#">Worcestershire</a></li> <li><a href="#">Yorkshire</a></li> </ul> </li> <li><a href="#">Services</a> <ul> <li><a href="#">N/A</a></li> <li><a href="#">N/A</a></li> <li><a href="#">N/A</a></li> <li><a href="#">N/A</a></li> <li><a href="#">N/A</a></li> </ul> </li> <li><a href="#">Contact Us</a> <ul> <li><a href="#">United Kingdom</a></li> </ul> </li> </ul> <table width="100%" height="100%" border="0" > <tr> <td height="8.5%" > TOP </td> </tr> <tr valign="top"> <td width="21.4%"> LEFT SIDEBAR </td> <td style="background-image: url('images/Main_Menu_Background.jpg'); background-position:;"> <td width="21.4%"> RIGHT SIDEBAR </td> </tr> <tr> <td height="15.5%" colspan="3">BOTTOM <center><span>© Copyright © 2011.</span> <span><a href="test.html">My Local Menu</a> all rights reserved</span></center> </td> </tr> </table> </div> </div> </div> </div> </body> </html> Where "top" is i put <div id="background"> but it dosnt work it just dissapears, btw <div id="background"> is the top part of my website "My local menu" bit, i will also add the css code for it below. HTML Code: <table width="100%" height="100%" border="0" > <tr> <td height="8.5%" > TOP </td> </tr> <tr valign="top"> <td width="21.4%"> LEFT SIDEBAR </td> CSS CODE BELOW: HTML Code: #background{ background-image:url('../images/bg-page-top-curve.jpg'); background-repeat:no-repeat; background-position:top center; I try to put 2 Objects (probably the wrong word) in a line. I tried div, float and span. I think i just used them in the wrong Way, so may someone here can help me out? Code: <?if($CHAT_BOX$)?> <div class="boxContent" style="width: 50%;"> <div align="center">$CHAT_BOX$<?endif?> <?if($MYINF_5$)?> <div class="boxContent" style="width: 50%;">$MYINF_5$</div> </div> </div><?endif?> Thats the Code, its always Displayed $CHAT_BOX $MYINF_5$ i want it to be $CHAT_BOX $MYINF_5$ I am failry new to html and I need some help. I have a link on a page. When it is clicked I want another page (which is basically made up of a small 2X3 table) to appear on the same page as the link. I am trying to do this without using frames as they are becoming depriciated. Hello, I have a small business with a website (http://www.232john.com). I created the website with Microsoft Publisher 2003. We produced a commercial about 1.5 years ago and would like to put it on the website. The problem is I don't know how, and really, if its at all possible. Also, the file may be too large, about 3 minutes long. I am thinking I would have to resize, or change the format somehow, but since I am quite new to this, I have no idea how to do that either. lol SO, anything anyone could do to help would be greatly appreciated. Thank you very much matthew Hi all, I'm a beginner with XHTML, creating my very first website, so please forgive me if this should be a stupid question: I crated a table with 6 colums. Each column has a border. I'd like to set the 1st column on the left side, and the other 5 columns without a space between them on the right side. But there is still space between them. What am I doing wrong?? By the way - the 5 colums on the right side contain pictures. They are supposed to be in the middle with the same distance around to the border - doesn't work either ... the picture stucks at the top - but at least horizontally in the middle ... HTML Code: <TABLE style="cellpadding:0; cellspacing:0; width:85em;"> <TR> <TD> <DIV style="float:left; background-color:#f5f5f5; border:1px solid #CC6699; width:10em; height:5em; text-align:left;"> <B>text</B> </DIV> </TD> <TD> <DIV style="float:right; border:1px solid #CC6699; width:10em; height:5em; text-align:center; vertical-align:middle; display:table-cell;"> <IMG style="align:center; width:9em; height:4em;" src="path" alt="PICTURE"> </DIV> </TD> <TD> <DIV style="float:right; border:1px solid #CC6699; width:10em; height:5em; text-align:center; vertical-align:middle; display:table-cell;"> <IMG style="align:center; width:9em; height:4em;" src="path" alt="PICTURE"> </DIV> </TD> <TD> <DIV style="float:right; border:1px solid #CC6699; width:10em; height:5em; text-align:center; vertical-align:middle; display:table-cell;"> <IMG style="align:center; width:9em; height:4em;" src="path" alt="PICTURE"> </DIV> </TD> <TD> <DIV style="float:right; border:1px solid #CC6699; width:10em; height:5em; text-align:center; vertical-align:middle; display:table-cell;"> <IMG style="align:center; width:9em; height:4em;" src="path" alt="PICTURE"> </DIV> </TD> <TD> <DIV style="float:right; border:1px solid #CC6699; width:10em; height:5em; text-align:center; vertical-align:middle; display:table-cell;"> <IMG style="align:center; width:9em; height:4em;" src="path" alt="PICTURE"> </DIV> </TD> <TD> <DIV style="float:right; border:1px solid #CC6699; width:10em; height:5em; text-align:center; vertical-align:middle; display:table-cell;"> <IMG style="align:center; width:9em; height:4em;" src="path" alt="FLAG OF CHILE"> </DIV> </TD> </TR> </TABLE> Hey there. I have created the site saskannouncements.ca. If you go to create a post, you'll see I have set up an OK looking submission form. Here's the problem, you see what the people submit is sent to my email. because I'm just using this free thing off the internet. Now what I want, is I want to Posts to be automatically posted to where the posters sent it. How do I set that up? Basically I want it so they automatically post, and I don't have to copy and paste them in each time. I just want to moniter them as they automatically are placed. Can anyone help me on this please? Thanks alot. I really appreciate it. Also if you've got any other pointer's for my new site Feel free to let me know. Looking forward to hearing from you! hi all i am attempting to build my first forum and am having a little trouble. http://hvg.ucoz.com i have made up a picture for a header for my forum which works fine but i am unable to work out how to put links on the picture itself i can only get them to go over or under it. the txt on it at the moment i have put on there in paint (no supprise that doesnt work) its more for you to be able to see what i am trying to do this is what i have got at the moment, i have deleted everything as i was making a mess not knowing what i was doing. <img src="http://asif-clan.ucoz.com/Top_Background-finished-.png" border="0" alt="" style=""> thanks for any help in advance its appreciated Hi everybody! I'm doing a page and IE keeps putting more space in between table cells than I have specified. Here's the link: http://renewforest.com/test The page is basically a table in a div layer, I have made the table have a 2px cellspacing, it works great for the top 3 cells but puts a few pixels after these first 3 cells, destroying my nifty 2 pixel separation. Also, I have given some cells (the td.topfade attributed ones that is) some left and right padding, BUT NO TOP PADDING, yet Safari and Firefox both put in some padding on the top. Oddly enough, IE obeys the CSS'ed padding, huh. Any ideas? Thanks in advance! (Because this also deals with CSS I am posting this to the CSS section as well, if this is a big no no please let me know.) |