|
HTML - Can't Run Flash Video Player In Ie7?
Hi
I have a Flash video player that brings up IE's yellow warning bar, and whne you click to allow it, it won't play even after you say 'yes, play it'. It only happens in IE7 It's at http://www.directhometherapy.com.au Any ideas how to allow the player? Thanks for taking a look. Shaun Similar TutorialsI would like to mount a nice looking video player to play videos on my multimedia page that is not Youtube Vimeo ect.. I am going to mount the player within an inline frame that is 600x375 and Ideally I would like it to fit that inline frame like a glove. What are some options for video players out there? Hey im having some trouble with loading jw player on my site it will load and play on safari but when I go to it in internet explorer it doesnt seem to load, can someone telling me whats going on? this is the scripting im using <HEAD> <script type="text/javascript" src="/jwplayer/jwplayer.js"></script> and in the <body> <P><video src="Video/DSC 0938.flv" height="270" id="container" poster="images/movie.jpg" width="480"> </video> <script type="text/javascript"> jwplayer("container").setup({ flashplayer: "/jwplayer/player.swf" }); </script></P> Thanks Hi guys! I`ve got a video on my web page, that i really wanna share on FB. But when I share it, it just comes up a lot of weird letters in the FB post, and dont a little movie player, surge as with a youtube video. And i guess all this have to do with embedding? Under, you can see how the html looks like atm. In it would be very helpful if you guys could help me to write it, so the movie shows up in my FB post, and you be played directly on Facebook. <title>newyorkhigh_3</title> <center> <!--url's used in the movie--> <!--text used in the movie--> <!-- saved from url=(0013)about:internet --> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1280" height="760" id = "MoyeaDemo"> <param name="movie" value="newyorkhigh_3.swf"> <param name="quality" value="high"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="True" /> <embed src="newyorkhigh_3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1280" height="760" allowScriptAccess="sameDomain" allowFullScreen="True" name = "MoyeaDemo"> </embed> </object> </center> Can you suggest a video media player that supports rtmp protocol and has no branding? Maybe an open source general license? Simply to play flv files on a web page. Thanks. (not JWPlayer or Flowplayer) 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. Hi there. I have an 800x600 flash movie, and I was wondering whether it was possible to center it vertically as well as horizontally? Thanks! -Girvo The php script I'm using for a video-sharing site, uses JWplayer as the default player. JWplayer has different embed code to embed the player and allow video files to be played from a different source than the php script source. I want to replace or modify the script code for the Player with the JWplayer code (so it'll play videos from the other source) which shows the other source as http://videos.mywebsite.com/myvideo.flv. How can I modify or integrate this script code with the code below it (the JWPlayer code)? Do I just need to change a few lines? Thanks for any guidance. Script Code: Code: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" name="theMediaPlayer"
width="300" height="280"
id="theMediaPlayer">
<param name=movie value="flvplayer.swf">
<param name=quality value="high">
<param name=bgcolor value="#FFFFFF">
<param name=allowFullScreen value="false">
<param name=swLiveConnect value="true">
<param name=allowScriptAccess value="sameDomain">
<param name="FlashVars" value="file=uploads/[var.video_play]&width=315&height=280&displaywidth=315&displayheight=260&overstretch=true&showfsbutton=false&image=uploads/thumbs/[var.video_thumb]&backcolor=0xFFFFFF">
<embed type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
width="300" height="280" bgcolor="#FFFFFF"
name="theMediaPlayer"
src="flvplayer.swf"
flashvars="file=uploads/[var.video_play]&width=315&height=280&displaywidth=315&displayheight=260&overstretch=true&showfsbutton=false&image=uploads/thumbs/[var.video_thumb]&backcolor=0xFFFFFF"></embed>
</object>
JWPlayer code: Code: script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("player", "9.0.0", "expressInstall.swf");
</script>
<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
name="player" width="328" height="200">
<param name="movie" value="player.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value="file=http://videos.mywebsite.com/myvideo.flv" />
<object type="application/x-shockwave-flash" data="player.swf" width="328" height="200">
<param name="movie" value="player.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value="file=http://videos.mywebsite.com/myvideo.flv" />
<p><a href="http://get.adobe.com/flashplayer">Get Flash</a> to see this player.</p>
</object>
I've got a quick question. I've added a flash player on my site and added a div tag so I could position in the center of the page. I just realized while checking the page on other computers with different resolutions that it doesn't stay centered as I had set the parameters, "so many pixels right and so many pixels down" I suppose I need to include it into the body which has a div container and keeps the page centered. When I do that the player jumps to the top. Any help? Here's the code: the player is at the bottom with a div style tag above it. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>video page</TITLE>
<META name="AUTHOR" content="hankeester">
<META name="KEYWORDS" content="sailing videos, moth sailing, ">
<META name="DESCRIPTION" content="This is High Octane One Designs sailing video page.">
<META name="GENERATOR" content="Created by BlueVoda">
<STYLE type="text/css">
div#container
{
width: 1004px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
</STYLE>
</HEAD>
<BODY bgcolor="#FFFFFF" text="#000000" link="#808080" vlink="#C0C0C0" style="SCROLLBAR-FACE-COLOR:#E0DFE3;SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-3DLIGHT-COLOR:#E0DFE3;SCROLLBAR-DARKSHADOW-COLOR:#716F64;SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;SCROLLBAR-SHADOW-COLOR:#9D9DA1;SCROLLBAR-TRACK-COLOR:#D4D0C8;">
<DIV id="container">
<HR size="3" width="809" style="position:absolute;left:92px;top:774px;width:809px;height:3px;z-index:0">
<DIV style="position:absolute;left:412px;top:777px;width:134px;height:14px;z-index:1" align="left">
<FONT style="font-size:11px" color="#7F7F7F" face="Arial">COPYRIGHT 2006 HOOD</FONT>
</DIV>
<IMG src="kilt1.jpg" alt="" align="top" border="0" width="119" height="39" style="position:absolute;left:782px;top:778px;width:119px;height:39px;z-index:2">
<IMG src="heather's logo.jpg" alt="" align="top" border="0" width="600" height="178" style="position:absolute;left:302px;top:3px;width:600px;height:178px;z-index:3">
<A href="http://ho1designs.com/index.html"><IMG src="BurgeeLOGO.jpg" alt="" align="top" border="0" width="200" height="71" style="position:absolute;left:88px;top:82px;width:200px;height:71px;z-index:4"></A>
<IMG src="it'swhat.gif" alt="" align="top" border="0" width="175" height="20" style="position:absolute;left:164px;top:158px;width:175px;height:20px;z-index:5">
<HR size="3" width="800" style="position:absolute;left:98px;top:223px;width:800px;height:3px;z-index:6">
<A href="http://ho1designs.com/about us/about us.html"><IMG src="about-us.gif" alt="" align="top" border="0" width="100" height="50" style="position:absolute;left:485px;top:206px;width:100px;height:50px;z-index:7"></A>
<A href="http://ho1designs.com/advertising/advertising.html"><IMG src="advertising.gif" alt="" align="top" border="0" width="120" height="50" style="position:absolute;left:636px;top:206px;width:120px;height:50px;z-index:8"></A>
<A href="http://ho1designs.com/collegiatesailing/collegiatesailing.html"><IMG src="collegiate-sailing.gif" alt="" align="top" border="0" width="170" height="50" style="position:absolute;left:277px;top:206px;width:170px;height:50px;z-index:9"></A>
<A href="http://ho1designs.com/freelancers/freelancers.html"><IMG src="freelancers.gif" alt="" align="top" border="0" width="130" height="50" style="position:absolute;left:636px;top:226px;width:130px;height:50px;z-index:10"></A>
<A href="http://www.highoctaneonedesigns.com/forum/"><IMG src="hoodforum.gif" alt="" align="top" border="0" width="110" height="50" style="position:absolute;left:99px;top:229px;width:110px;height:50px;z-index:11"></A>
<A href="http://ho1designs.com/hood promo/hood promo.html"><IMG src="hood-promo.gif" alt="" align="top" border="0" width="130" height="50" style="position:absolute;left:277px;top:226px;width:130px;height:50px;z-index:12"></A>
<A href="http://ho1designs.com/legal/legal.html"><IMG src="legal.gif" alt="" align="top" border="0" width="80" height="50" style="position:absolute;left:818px;top:207px;width:80px;height:50px;z-index:13"></A>
<A href="http://ho1designs.com/archives/archives.html"><IMG src="archives.gif" alt="" align="top" border="0" width="90" height="50" style="position:absolute;left:818px;top:225px;width:90px;height:50px;z-index:14"></A>
<A href="http://ho1designs.com/hoodshowcase/hoodshowcase.html"><IMG src="hood-showcase.gif" alt="" align="top" border="0" width="145" height="15" style="position:absolute;left:100px;top:210px;width:145px;height:15px;z-index:15"></A>
<A href="http://ho1designs.com/video/video.html"><IMG src="video65.gif" alt="" align="top" border="0" width="60" height="20" style="position:absolute;left:481px;top:225px;width:60px;height:20px;z-index:16"></A>
</DIV>
</BODY>
</HTML>
<div style="position: absolute; left: 400px; top: 350px;">
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/nDToL593cmU"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/nDToL593cmU" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
Hi I have a website that i publish videos in a flash player (like youtube, etc) but its not a youtube. What i am wanting to do is get some sort of html code that i can provide to my users to let them copy it and paste it in there website to have the video player play on there site, kind of how all the other videos sites do it with those embedd tags. Can anyone share some code to help me do this??? thanks so much! Hi, I am working on integrating a flash presentation in HTML (basically a php website) The flash movie is about power point presentations - I was able to convert them to .swf files. I need to display them in the php based website. I was able to integrate the .swf file in the website. Now, I need to make it "dynamic" - what I mean by this is, I will be having the flash movie of different ppt slides running in a server in a loop. Whenever someone accesses the website, the "slide" that is currently being shown in the player has to be displayed in the webpage instead of starting from the beginning. I am a novice as far as webdesign is concerned. I would like to know about any tutorials/books that can provide me with information on this. Also, any specific area of HTML that might help me in this project. Thanks in advance ! Hey I'm trying to have this text surround this flash player but I can't get it to work, How can I do it? ::text:: My Chemical Romance Nine Inch Nails The Cure Taking Back Sunday The Used Emery Breaking Benjamin 30 Seconds To Mars The Spill Canvas Matchbook Romance Matchbox 20 Puddle of Mudd A Perfect Circle Seether Hoobastank Muse Atreyu Three Days Grace 3 Doors Down Audioslave Billy Talent Bloc Party Bloodhound Gang Blur Bush Cake Chevelle Coldplay Creed Death Cab For Cutie Deftones Faith No More Flyleaf Foo Fighters Garbage Goo Goo Dolls Green Day Incubus Interpol Jimmy Eat World Lifehouse Linkin Park Lostprophets Marilyn Manson Nickelback Nirvana Oasis Papa Roach Pearl Jam Placebo Queens Of The Stone Age REM Radiohead Rage Against The Machine Red Hot Chili Peppers Snow Patrol Soundgarden Staind Stone Temple Pilots System of a Down ♥ The Cranberries The Killers ♥ The Mars Volta The Offspring The Smashing Pumpkins The White Stripes U2 Weezer Yeah Yeah Yeahs Many More.. Emo Rock Alternative Gothic Screamo Pop :layer:: HTML Code: <p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="110" width="265" style="visibility:visible;width:265px;height:110px;" align="middle" border="0" data="http://assets.myflashfetish.com/swf/mp3/mff-pill.swf"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://assets.myflashfetish.com/swf/mp3/mff-pill.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="myid=13933683&path=2008/10/12&mycolor=FFFFFF&mycolor2=FFFFFF&mycolor3=c2878f&autoplay=false&rand=0&f=4&vol=100&pat=0&grad=false" /> </object></p> Hello, I am building an offline video sharing site (Like youtube- just not connected to the internet). I want to embed SD (flv)& HD (mp4) videos to this site, when user need only flash player installed on his machine (just like youtube). Can anyone assist me with this html code writing & accessories needed? Thanks, Avi Hey all, I've built a website for my music and I'm fairly new to all this so bear with me. Essentially, I have two flash-based music players on my site. One is a simple single-track player that auto-plays some background music for the site. The functionality is limited to the user starting/stopping the music and adjusting the volume. The other is an advanced music player featuring a playlist of preselected tracks and allows the user to start/stop music, rewind, fast forward, adjust volume and select tracks in the playlist. This player does not start automatically. My question is this: when someone visits the site, the single-track background music player will start. Is there code that would allow the advanced music player, should it be turned on (i.e. someone selects a track and plays it), to override and actually stop the play of the single-track? TIA! I'm about to embark on something I realise will probably take a while to get right. Before I begin, it'd be good to pool opinions on the best approach. I've already done some preliminary research and to be honest at the moment it's all beyond my understanding! The goal is to create a custom player of audio and video files with custom GUI, as part of a webpage. I don't want to use Quicktime because, AFAIK, it would prohibit a custom "look". It may be necessary to create four separate players as the following situations need to be accommodated: 1) playing a single audio file 2) playing an "album" of audio files, in sequence 3) playing a single video file 4) playing an "album" of video files, in sequence The player GUI would feature a "screen". When playing a video, the screen would show the video. When playing an audio file, there would be a still image associated with each song which would occupy the screen. Then below the screen would be the usual apparatus for people to control playback: a trackbar, time counter, buttons for "play", "pause" and "stop". There would also be "next" and "previous" buttons for use when playing an album - they would be disabled when playing a single audio or video. I have a few questions... 1. Apart from Flash, I don't want my visitors to need to install any software before they can use the player. I presume this depends solely on the media formats involved? 2. What video format would you recommend? What about FLV? 3. What audio format would you recommend? Ideally I'd like to use OGG but if that would introduce complications then I'll use something else. 4. There's always going to be a download button on the player so that the visitor can download the file being played. Now I've noticed on some sites that if a video is loading (before being played), and you attempt to directly download it, sometimes the download will "fail" at the point at which the loading was halted. So if the video has only loaded 40% and you start downloading it directly, the resulting file on your harddrive will only be 40% of what it should be. It's probably due to the streamed video being downloaded to an anonymous temp folder and being left in an incomplete state which the OS then thinks is a completed download. Can anything be done to stop this happening? Perhaps hide the "download" button until the file has finished loading? Below is a mock-up of how I'd like the player to look, so you know what I'm going for. The purple background is supposed to resemble an HTML page. I look forward to reading people's views. Thanks for reading this long post, Seymour. Is there a way I can load a page (with a text informing that 'you need flash player to view this web') if he doesnt have it installed in his browser? How would I do this? Your help is greatly appreciated. I am running the Google Translate widget from my local drive within my index.html. When the widget tries to initialize , I get this warning pop up. I am going to distribute this on a CD and would like to include Google Translate as a feature as its going internationally. Google dont seem to do a non-flash version of this widget(?) How can I get around this warning popping up when ran from a local drive ? I want to have a FLASH video overlay an image (the first frame of the video). How to I do this? I've tried using the <NAME> tag and the <ID> tag. Neither works, or I'm not coding them correctly. To view the video I'm working with click on this URL: http://RDStouffer.net/geyser/ The above directory contains three items - geyser.jpg, index.html and geyser.swf Here is the relevant HTML code-- <IMG SRC="geyser.jpg" WIDTH="320" HEIGHT="240" BORDER="0" ALT="Sawmill geyser"> <OBJECT CLASSID='clsid27CDB6E-AE6D-11cf-96B8-444553540000' WIDTH='320' HEIGHT='240'><PARAM NAME=MOVIE VALUE='geyser.swf'><PARAM NAME=QUALITY VALUE=HIGH><PARAM NAME=BGCOLOR VALUE=#FFFFFF></OBJECT> How do I modify this code so the SWF video clip plays on top of the geyser.jpg image rather than next to it? Thank you for your help. [Where did this grinning green lightbulb come from? More important, how do I get rid of it?] Uncle Richard I assume that this should not be in the Flash section as it seems as the threads there are discussing problems within the Flash program, not putting Flash videos on your webpage. Anyway, I put my flash video on my website and it has black borders on the left and right sides of the video. I would like to remove them, but I don't know a whole lot about flash video parameters. Could anyone tell me how to do this? Here's my code for the index page: 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">
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems."/>
<meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12"/>
<title>AV Avenue</title>
</head>
<body>
<ul id="stoplight">
<li id="stoplight1"><a href="index.html"></a></li>
<li id="stoplight2"><a href="aboutus.html"></a></li>
<li id="stoplight3"><a href="contactus.html"></a></li>
</ul>
<div id="stoplightbottom">
<img src="Images/Home Page/StoplightBottom.png" alt=""/>
</div>
<div id="smartboard">
<img src="Images/Home Page/Smartboard.png" width="180" height="180" alt=""/>
</div>
<div id="featuredpartner1">
<img src="Images/Home Page/AviSPLLogo.png" width="140" height="60" alt=""/>
</div>
<div id="featuredpartner2">
<img src="Images/Home Page/UnitedVisualLogo.png" width="140" height="60" alt=""/>
</div>
<div id="featuredpartnertext">
<span class="blackfont2 comicsansms">SMART Board Partners</span>
</div>
<div id="specials">
<img src="Images/Home Page/MaySpecials.png" alt="Check out our special services for May!"/>
</div>
<div id="text2">
<img src="Images/Home Page/Text2.png" alt=""/>
</div>
<div id="avsign">
<img src="Images/Home Page/AVAvenueLeftSign.png" alt=""/>
</div>
<div id="states">
<img src="Images/Home Page/States.png" alt=""/>
</div>
<div id="contractorstext">
<span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
</div>
<div id="company1">
<img src="Images/Home Page/Company1.png" height="30" width="100" alt=""/>
</div>
<div id="company2">
<img src="Images/Home Page/Company2.png" height="30" width="100" alt=""/>
</div>
<div id="company3">
<img src="Images/Home Page/Company3.png" height="30" width="100" alt=""/>
</div>
<div id="company4">
<img src="Images/Home Page/Company4.png" height="30" width="100" alt=""/>
</div>
<div id="company5">
<img src="Images/Home Page/Company5.png" height="30" width="100" alt=""/>
</div>
<div id="flashmovie">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="300" height="400" id="AV_Ave" align="middle">
<param name="movie" value="AV_Ave.swf"/>
<param name="quality" value="high"/>
<param name="play" value="true"/>
<param name="bgcolor" value="#000000"/>
<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"/>
<object type="application/x-shockwave-flash" data="AV_Ave.swf" width="600" height="400">
<param name="movie" value="AV_Ave.swf"/>
<param name="quality" value="high"/>
<param name="play" value="true"/>
<param name="bgcolor" value="#000000"/>
<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"/>
<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>
</object>
</object>
</div>
</body>
</html>
and here's my CSS: Code: * {margin:0; padding:0;}
html, body, div, span,object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { overflow:auto; }
ul#stoplight {
margin: 0px 840px;
width: 0px;
height: 0px;
list-style: none;
}
ul#stoplight li {
display:inline;
}
ul#stoplight li a {
float:left;
text-indent:-9999px;
text-decoration:none;
}
ul#stoplight li#stoplight1 a {
width:178px;
height:82px;
background:url(Images/Stoplights.png) no-repeat 0 0;
}
ul#stoplight li#stoplight1 a:hover {
background-position: -221px 0;
}
ul#stoplight li#stoplight2 a {
width:178px;
height:63px;
background:url(Images/Stoplights.png) no-repeat 0 -82px;
}
ul#stoplight li#stoplight2 a:hover {
background-position: -221px -83px;
}
ul#stoplight li#stoplight3 a {
width:179px;
height:66px;
background:url(Images/Stoplights.png) no-repeat 0 -145px;
}
ul#stoplight li#stoplight3 a:hover {
background-position: -221px -144px;
}
body {
background-image: url('Images/GradientBackground.png');
background-repeat: repeat-x;
}
.arial {font-family: Arial;}
.tahoma {font-family: Tahoma;}
.verdana {font-family: Verdana;}
.comicsansms {font-family: Comic Sans MS;}
.underline {text-decoration: underline}
.blackfont1 {font-size: 16px;}
.blackfont2 {font-size: 24px;}
.whitetext1 {color: #F2F2F2; font-size: 30px;}
.whitetext2 {color: #EBEBEB; font-size: 17px;}
.whitetext3 {color: #DBDBDB; font-size: 18px;}
#background {top: 2.7em; left: 4em; position:absolute; z-index: -2; visibility: visible;}
#stoplightbottom {margin: 211px 840px; position: absolute; z-index: 1; visibility: visible;}
#featuredpartnertext {margin: 230px 980px; position: absolute; z-index: 1; visibility: visible; width: 300px;}
#smartboard {margin: 270px 1020px; position: absolute; z-index: 1; visibility: visible;}
#featuredpartner1 {margin: 460px 960px; position: absolute; z-index: 1; visibility: visible;}
#featuredpartner2 {margin: 460px 1110px; position: absolute; z-index: 1; visibility: visible;}
#specials {margin: 550px 1020px; position: absolute; z-index: 1; visibility: visible;}
#text2 {margin: 650px 155px; position: absolute; z-index: 3; visibility: visible;}
#avsign {margin: -5px 50px; position: absolute; z-index: 1; visibility: visible;}
#states {margin: 90px 540px; position: absolute; z-index: 1; visibility: visible;}
#contractorstext {margin: 30px 530px; position: absolute; z-index: 1; visibility: visible; width: 250px;}
#company1 {margin: 210px 250px; position: absolute; z-index: 1; visibility: visible;}
#company2 {margin: 210px 350px; position: absolute; z-index: 1; visibility: visible;}
#company3 {margin: 210px 450px; position: absolute; z-index: 1; visibility: visible;}
#company4 {margin: 210px 550px; position: absolute; z-index: 1; visibility: visible;}
#company5 {margin: 210px 650px; position: absolute; z-index: 1; visibility: visible;}
#contactinfo {margin: 270px 170px; position: absolute; z-index: 2; visibility: visible;}
#contactimage {margin: 270px 170px; position: absolute; z-index: 1; visibility: visible;}
#greenbackground {margin: 230px 170px; position: absolute; z-index: 1; visibility: visible;}
#greybackground {margin: 230px 170px; position: absolute; z-index: 1; visibility: visible;}
#aboutusheader {margin: 240px 260px; position: absolute; z-index: 2; visibility: visible; width: 600px;}
#aboutusparagraph {margin: 290px 180px; position: absolute; z-index: 2; visibility: visible; width: 630px;}
#list1 {margin: 400px 190px; position: absolute; z-index: 2; visibility: visible; width: 200px;}
#list2 {margin: 400px 400px; position: absolute; z-index: 2; visibility: visible; width: 200px;}
#list3 {margin: 400px 610px; position: absolute; z-index: 2; visibility: visible; width: 200px;}
#flashmovie {margin: 240px 200px; position: absolute; z-index: 2; visibility: visible; width: 300px;}
My website is www.avavenue.com. Thanks a ton to anyone who helps out . I am a relative newcomer to HTML5, and love it, especially the ability to use video more easily. I am trying this out with the ability to gracefully degrade to Flash for those browsers that do not support the <video> element, and thought that this would work:- Code: <video width="640" height="480" controls>
<source src="videos/coots.ipad.mp4" type="video/mp4" />
<source src="videos/coots.webmvp8.webm" type="video/webm" />
<source src="videos/coots.theora.ogv" type="video/ogg" />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="480" id="movie_name" align="middle">
<param name="movie" value="videos/coots.swf.swf"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="videos/coots.swf.swf" width="550" height="400">
<param name="movie" value="videos/coots.swf.swf"/>
<!--<![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>
</video>
It seems to work fine in Firefox and Opera, but Chrome (surprisingly) seems to ignore it, as does (unsurprisingly) IE8. I have been puzzling over it for a couple of days now and can't see the solution. I know the solution will be quite obvious when I see it, but I am just to close to it at present to be able to figure it out... |
|||||||