HTML - Embedding Video In Html For Mobile Devices

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.

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?

Does anyone know the best practice for creating/embedding a video (3gpp/3gpp2/mp4) in html?

Thanks in advance,
James

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/

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 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

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 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 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'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. . .