Stretching a video? - html

I am trying to stretch the video that I have. It has to be 400 X 400 stretched. I tried using the "stretchtofit" value="true" but that doesn't work and I need the video centered under the heading. I'm curious as to what I use to stretch the video? This is my 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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Lab 8-3</title>
</head>
<body>
<div style="text-align: center">
<img style="border: 0" src="magiclogo.png" width="325" height="88" alt="Logo" />
</div>
<div style="position: absolute; top: 110px; left: 310px">
<object data="magicshow.wmv" height="400" width="400">
<param name="showcontrols" value="false" />
<param name="stretchtofit" value="true" />
</object>
</div>
<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6">
<param name="URL" value="magicmusic.mp3" />
<param name="uimode" value="invisible" />
</object>
</body>
</html>

why aren't you using <video> tag. you can set the size easily.
<video width="400" height="400" controls>
<source src="movie.mp4" type="video/mp4">
</video>

Related

Adjusting width of flash content without changing aspect ratio

I want to maintain width of 600 px and height be adjusted accordingly in order to maintain aspect ratio. How can that be achieved?
I m using following 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" lang="en" xml:lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("myFlashContent", "9.0.0");
</script>
</head>
<body>
<div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" id="myFlashContent">
<param name="movie" value="swffile.swf" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="swffile.swf" width="600">
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</body>
</html>

How to make this video autoplay?

I have some html code for a page that has a video included on it. I'm trying to figure out how to make the video automatically play once the page is loaded. Is this possible and if so how?
Here's the 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" dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="letplayer" width="640" height="360" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="//moevideo.net/swf/letplayer.swf?_=20082014" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="always" />
<param name="allowFullScreen" value="true" />
<param value="file=23891.2187961fd18487cc66b952ed8992" name="flashvars">
<param name="wmode" value="opaque" />
<embed src="//moevideo.net/swf/letplayer.swf?_=20082014"
quality="high"
bgcolor="#000000"
width="640" height="360" name="letplayer"
align="middle"
play="true"
loop="false"
quality="high"
allowFullScreen="true"
allowScriptAccess="always"
type="application/x-shockwave-flash"
flashvars="file=23891.2187961fd18487cc66b952ed8992"
name="letplayer"
wmode="opaque"
pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>
</object>
</body>
</html>
If've just googled it and found a code with this line:
<embed src="...." play="true" />
In html 'video' tag has the attribute 'controls' , we can set it as 'autoplay'
<video width="320" height="240" controls autoplay>
please refer the link http://edvista.com/claire/qt/embedtags/
<EMBED SRC="juliana.mov" WIDTH="160" HEIGHT= "136" AUTOPLAY="TRUE">

Dividing my page in 2 vertical columns (html or css)

It's the first time I design a website so I need help with dividing my page into 2 vertical parts.
Basically, I want to have this page : http://elishaabargel.com/denim and this page http://elishaabargel.com/denim2 combined. I mean that I want the flash animation on the left and the links to the technical drawings and sketches on the right, down on the page.
The first page already contains the html and css codes of the right part but it just doesn't appear.
How can I do this?
There are many ways to divide a page into two parts you could either use iframes, divs, or a table. The most simple would be a table.
<table width=100% height=100%><tr><td width=50%>Put page1 here</td><td width=50%>Put page2 here</td></tr></table>
Also if you are loading two completely full pages it might just be best to use an iframe.
<iframe src="pg1.html" style="position:absolute;top:0;left:0;width:50%;height:100%;"></iframe>
<iframe src="pg2.html" style="position:absolute;top:0;left:50%;width:50%;height:100%;"></iframe>
I thought I should add the simplest template (using divs) that worked for me here:
<div id="container" style="width:100%;">
<div id="left" style="float:left; width:50%;"> This is left panel </div>
<div id="right" style="float:right; width:50%;"> This is right panel </div>
</div>
You can change the css style options (like width) appropriately to suit your needs.
You can use bootstrap for division of your page.
<div class="container">
<div class="row">
<div class="col-xs-6"></div>
<div class="col-xs-6"></div>
</div>
</div>
If you need 100% width, you can use container-fluid and row-fluid.. I hope this will help you.
I did this in a bit of a rush, and im sure some bits are incorrect like the alignment of your pics on the right being at the top rather than the bottom also the popups are not the same size as your original popups... But it does fix your original issue of the two panels.
<!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 runat="server">
<title>Elisha Bargel</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="fashion, design, student, shenkar, college, portfolio, creation, mode">
<meta name="description" content="Fashion designer Elisha Abargel: projects, pictures, contact.">
<style type="text/css">
#flashContent { width:100%; height:100%; }
body {background-color: #FFFFFF;}
h1 {font-family:Cursive; color: #000000;}
p {font-family:Cursive; font-size: 14pt; font-style: normal; font-weight: normal; color: #000000;}
.link {color: #000000;}
.alink {color: #000000;}
.vlink {color: #000000;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="MainTitle" style="text-align: center;"><img alt="" src="http://elishaabargel.com/photos/logo2.jpg"></div>
<div id="MainLinks" style="text-align: center;">projects - contact</div>
<div id="LeftPanel" style="width: 800; height: 100%; float: left;">
<h1>Denim Project</h1>
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="800" height="612" id="denimproject" align="middle">
<param name="movie" value="http://elishaabargel.com/photos/flashgalleries/denimproject.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="http://elishaabargel.com/photos/flashgalleries/denimproject.swf" width="800" height="612">
<param name="movie" value="http://elishaabargel.com/photos/flashgalleries/denimproject.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
<div id="RightPanel" style="width: 200; height: 100%; text-align: left; vertical-align: bottom; float: right;">
<img alt="technical drawings of the denim project" style="width: 349px; height: 150px; vertical-align: bottom;" src="http://elishaabargel.files.wordpress.com/2012/12/sketchesdenim.jpg"><br />
<img alt="technical drawings of the denim project" style="width: 349px; height: 150px; vertical-align: bottom;" src="http://elishaabargel.files.wordpress.com/2012/12/technicaldrawingsdenim.jpg">
</div>
</div>
</form>
I'm sure yu can put your JQuery code block back to address the popups being of incorrect size.

SWF refuses to scale vertically

I'm trying to embed a SWF in a simple HTML page such that it scales to fill the browser window. I didn't create this SWF and lack the tools to edit it, but it's doing something quite odd - it scales to fill the browser horizontally but refuses to scale vertically:
Here's the HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Conforming HTML 4.01 Transitional Template</title>
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%">
<param name="movie" value="Snow001.swf" />
<param name="quality" value="high" />
<PARAM NAME="SCALE" VALUE="default">
<embed src="Snow001.swf" quality="high" type="application/x-shockwave-flash" width="100%" height="100%" SCALE="default" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>
I've been staring at this HTML for far too long now and I can't see anything wrong with it. Is this a problem with my code or with the SWF itself? If it's a problem with the SWF what do I need to have the Flash guys do to fix this?
Try adding this CSS:
html, body, object { height: 100%; }

How to download a .swf file from a page's html code? [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 11 years ago.
Improve this question
There is one html page that contains only a .swf file that can be streaming from there:
http://tvoy-start.ru/uroki/1nedel/1nedel.html
Here is that page source:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- saved from url=(0025)http://www.techsmith.com/ -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="DC.date" content="2011-09-15 11:37:43 " />
<meta name="DC.language" content="ENU" />
<meta name="DC.title" content="1nedel" />
<title>Создано Camtasia Studio 6</title>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("csSWF", "9.0.115", "expressInstall.swf");
</script>
<style type="text/css">
body
{
background-color: #1a1a1a;
font: .8em/1.3em verdana,arial,helvetica,sans-serif;
text-align: center;
}
#media
{
margin-top: 40px;
}
#noUpdate
{
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size: x-small;
color: #cccccc;
text-align: left;
width: 210px;
height: 200px;
padding: 40px;
}
</style>
</head>
<body>
<div id="media">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="900" height="420" id="csSWF">
<param name="movie" value="1nedel_controller.swf" />
<param name="quality" value="best" />
<param name="bgcolor" value="#1a1a1a" />
<param name="allowfullscreen" value="true" />
<param name="scale" value="showall" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="autostart=false&thumb=FirstFrame.png&thumbscale=45&color=0x1A1A1A,0x1A1A1A" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="1nedel_controller.swf" width="900" height="420">
<param name="quality" value="best" />
<param name="bgcolor" value="#1a1a1a" />
<param name="allowfullscreen" value="true" />
<param name="scale" value="showall" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="autostart=false&thumb=FirstFrame.png&thumbscale=45&color=0x1A1A1A,0x1A1A1A" />
<!--<![endif]-->
<div id="noUpdate">
<p>The Camtasia Studio video content presented here requires a more recent version of the Adobe Flash Player. If you are you using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Flash Player by downloading here.</p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<!-- Users looking for simple object / embed tags can copy and paste the needed tags below.
<div id="media">
<object id="csSWF" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="900" height="420" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0">
<param name="src" value="1nedel_controller.swf"/>
<param name="bgcolor" value="#1a1a1a"/>
<param name="quality" value="best"/>
<param name="allowScriptAccess" value="always"/>
<param name="allowFullScreen" value="true"/>
<param name="scale" value="showall"/>
<param name="flashVars" value="autostart=false"/>
<embed name="csSWF" src="1nedel_controller.swf" width="900" height="420" bgcolor="#1a1a1a" quality="best" allowScriptAccess="always" allowFullScreen="true" scale="showall" flashVars="autostart=false&thumb=FirstFrame.png&thumbscale=45&color=0x1A1A1A,0x1A1A1A" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
</object>
</div>
-->
</body>
</html>
I wonder, where in the page's source, if it’s possible at all, can I find the link so that I could download that .swf file onto my computer?
Yes it's specified as "movie" param under object tag.
You can reach it at http://tvoy-start.ru/uroki/1nedel/1nedel_controller.swf
However, the swf file may have some server side control that doesn't allow you to see streaming if you aren't on that website. Just try.
EDIT: Forgot, you have to save the page, in my browser (firefox) is File->Save page with name
On internet explorer is the engine wheel icon->File->Save as
On other browsers, I don't know at the moment