|
HTML - Playing Videos
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) Similar TutorialsI 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! 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. Hey 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! 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! 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? 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! I've created a layout in css and it works in Safari, Chrome and IE but not Firefox. I thought IE was the odd one out. Anyway I seem to have narrowed it down. It's the logo in the top left, if it has a link on it it seems to move the margin a lot to the right. Try it out. Code: body
{
margin: 0;
padding: 0;
text-align:left;
color: black;
font: medium Arial, Helvetica, Verdana,sans-serif;
}
ul, li
{
list-style-type: none;
}
#header
{
margin-right: 10px;
margin-left: 10px;
border: 2px solid black;
position: relative;
filter:alpha(opacity=80);
opacity: 0.80;
height: 62px;
background-color: white;
}
#sidebarleft
{
float: left;
margin-left: 10px;
margin-top: 10px;
height: 600px;
border: 2px solid black;
position: relative;
filter:alpha(opacity=80);
opacity: 0.80;
width: 170px;
background-color: white;
}
#sidebarleft b
{
position: absolute;
left: 0px;
right: 0px;
background: #d9eaff;
}
#sidebarleft a:link
{
color: black;
text-decoration: none;
}
#sidebarleft a:visited
{
color: black;
text-decoration: none;
}
#sidebarleft a:hover
{
color: black;
text-decoration: underline;
}
#sidebarleft a:active
{
color: black;
text-decoration: underline;
}
#sidebarleft ul
{
margin: 0;
padding: 0;
border: 2px solid white;
}
HTML Code: <html> <link rel="stylesheet" type="text/css" href="style.css"> <!-- header start --> <div id = "header"> <a href="index.htm"><img src="images/logo.png" align="left" height="61" width="262"></a> </div> <!-- header end --> <!-- sidebarleft start --> <div id="sidebarleft"> <center><b><u>Navigation</b></u></center> <br/> <ul> <li><a href="index.htm">Home</a></li> <li><a href="link1.htm">link1</a></li> <li><a href="link2.htm">link2</a></li> <li><a href="/link3/">link3</a></li> <li><a href="link4.htm">link4</a></li> </ul> </div> <!-- sidebarleft end --> </html> How can I make it work in Firefox? 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! 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 hi. on my site i want to play a uploaded movie file. i'm searching a suitable player but not win media player. is any there? how i place that on my site. thanks in advance chel-1 I have problem with playing wav file in mozilla. but working fine with internet explorer. I am using <embed> and <bgsound> . is there any way to play sound in mozilla urgent. please help Hi, I am a newbie to HTML. I am making this web page. I wan to place a link where people can click on it and listen to my music. So in the <body> I type in this : <a href="music/music_1.mp3" target="_blank">Song 1.</a>. It does play the music when the link was click, but it pops up a blank page with on the QT control bar in the middle. How can I make it not to pop up another page? or if it has to pop up something perhaps just a QT player rather the blank page. Thanks in advance. MacPC Hello, stuck again!!! Right well i have an swf file and it's playing fine in safari but not in firefox - the place where it's supposed to be is just blank. Any ideas? http://www.absolute-websites.com/portfolio#animation Here is the code: HTML Code: <object id="peepShow" type="application/x-shockwave-flash" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" data="video/peep_show.swf" width="550" height="400"> <param name="movie" value="video/peep_show.swf" /> <param name="quality" value="high"/> </object> Hello, Do you guys know any workaround or have any solution for my problem: I'm trying to embed a swf object into an IFrame element which has the designMode turned on. I successfully did that in Firefox, Safari, Opera, Chrome, but for IE8 and IE7 the swf is not autoplaying. To play it I have to double-click it and then if editing the IFrame the swf stops playing when losing focus. My code looks as follows: HTML Code: <html>
<head>
<script type="text/javascript">
function populateIframe() {
var ifrm = document.getElementById('myIframe');
ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;
ifrm.document.open();
ifrm.document.write('sdasdasdasd <object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\"40\" height=\"40\"><param name=\"movie\" value=\"flash_heart01.swf\" /><param name=\"play\" value=\"true\" /><param name=\"loop\" value=\"true\" /><param name=\"flashvars\" value=\"playerMode=embedded\" /></object> asdasdasd');
ifrm.document.close();
ifrm.document.designMode = 'On';
}
</script>
</head>
<body onload="populateIframe();" width="1000px" height="700px">
<iframe id="myIframe" width="1000" height="700"></iframe>
</body>
</html>
You can try it with any swf. My swf is a simple flash with 3 frames in the main scene, nothing special. You can try that code with any swf in IE8 and shall see my problem. Please notice that current code(which I displayed above) doest work at all with FF, Opera, or others since it only targets the IE browser and its problem just to show the issue. Please advise or help Thanks Hi, I'd really like to put an MP3 player on my website to play music mixes, but I'd like it so that even if someone goes to another part of the site, the music keeps on playing, Like Reverbnation have... http://www.reverbnation.com/ Can I take the code from their site or do I need to start from scratch? Given that Reverbnation supply the widget to put your music in, I'd just need the ability to have it keep playing even when someone links to another part of the site. Thanks! I ahe to play a wav file. I am using <embed> and <bgsound> tag to play the wav file. it works fine in internet explore. But showing missing plug-in problem in mozilla. is there any ways to play sound in mozilla similar to <embed> tag works I ahe to play a wav file. I am using <embed> and <bgsound> tag to play the wav file. it works fine in internet explore. But showing missing plug-in problem in mozilla. is there any ways to play sound in mozilla similar to <embed> tag works I have made a site for someone and now they want the music player to play throughout the site, it's s fully fledged turn off etc. one so that's not the problem. The problem is, I have no idea how to get it to work. I have never used frames and I am not sure if what I want it right for frames, and then there is the pop up idea, what happenes if they have a pop up blocker? I want to get it so that only the player is in a frame, like an insert or something...this is the link http://www.chrisjenningsmusic.com I have tried using an Iframe too, but then I realised that the whole site would have to be in one leaving the player outside and I really don't want to do that. This is how I wanted to frames to work... 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 |
|||||||