Hi friends, I have a .mov on a site and the design calls for this image to sort of frame out the .mov, slightly overlapping it. i embedded the .mov in one div and in the next div did a neg marg to pull it up over the .mov but the .mov appears on top.
Is there a way to force the frame over the top of the .mov?
.streetag #STvideo {
border: none;
margin: -70px -20px 5px 6px;
padding: 0px;
width: 390px;
}
.streetag #STvideo p {
margin: 0 auto;
text-align: center;
}
.streetag #framed {
margin: -360px 0px -360px -35px;
}
<div id="STvideo">
<embed src="video/Streetag_MiM.mov" width="390" height="285"></embed>
<p>
<span class="style13">If this video does not display, you may need to download a free version of
<a href="http://www.apple.com/quicktime/download/" target="_blank">Quicktime Player</a>
</span>
</p>
</div>
<div id="framed">
<img src="images/Frame.gif" alt="frame" />
</div>
