手机端网页嵌入视频
设置外侧居中显示.ui-text-center{text-align:center;font-size:0px}
iframe的宽度100%
高度js通过计算比例
复制的是腾讯的视频html,他原来的宽度是640,高度是598,js就可以按照比例计算高度,自适应调整视频界面大小
<div class="ui-text-center" style="font-size: 0"> <iframe id="video_iframe" style="width: 100%" frameborder="0" src="https://v.qq.com/iframe/player.html?vid=l05175uv9cr&tiny=0&auto=0" allowfullscreen></iframe> </div>
<script> document.getElementById("video_iframe").style.height = (document.body.clientWidth * 498 / 640) + 'px'; </script>