<!DOCTYPE html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<title>Test Test Test!</title>
<script type="text/javascript" src="jquery-latest.js"></script>
<style type="text/css">
/*reset.css*/
body{
background: white;
}
/*-------------------------*/
.video-fluid{
position: relative;
border: 1px solid black;
}
.video-fluid embed,.video-fluid div{
position: absolute;
width:100%;
height: 100%;
left:0;
top:0;
}
.widescreen{
padding-bottom: 56.25%;
}
.narrowscreen{
padding-bottom:75%;
}
.youku{
padding-top: 40px;
}
</style>
</head>
<body>
<div class="video-fluid widescreen youku">
<div>
<embed src="Test.mp3" width="600" height="390" wmode="transparent"></embed>
</div>
</div>
</body>
</html>
本文转自:http://ued.taobao.com/blog/2013/06/77th-lanlan/