视频等比例缩放

来源：互联网发布：java 剩余天数编辑：程序博客网时间：2024/04/28 09:41

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