如何设置h5播放器宽度适配手机宽度，高度自适应。

代码如下，本站现在也在用具体效果请看底部文章。

<style>
section {
    width: 100%;
    height: 0;
    padding-top: 75% /* 4:3 */
    position: relative;
}
section video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
</style>
<section>
    <video />
</section>

本站使用代码：

<div style="width: 100%; height: 0; padding-top: 75%; position: relative;"><iframe id="Player" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;" src="https://player.youku.com/embed/XNDU5MzI1MTUxMg==" width="100%" height="100%" scrolling="no" allowfullscreen="allowfullscreen"></iframe></div>

演示效果：

女留学生归国非矿泉水不喝,大闹隔离点向民警索要人权

七夏

• 20年4月24日
• 喜欢：0
• 浏览：385

这是个悲伤的故事

七夏

• 20年4月25日
• 喜欢：0
• 浏览：280

夫妻要床头吵架床尾和嘛！

七夏

• 20年4月25日
• 喜欢：0
• 浏览：365