上周一个老客户的响应式网站添加大量的腾讯视频内容调用,网站编辑器内的视频代码进行设定宽度后智能对某端良好匹配,如果针对PC进行限定尺寸,那对移动端展示有滚动条,体验不好。如针对手机则PC端展示显示太小。而且目前终端设备尺寸大小不同,应该有一个全能代码,调用视频后要考虑在不同尺寸下视频都能够玩配匹配尺寸播放,问题解决代码如下:

<div class="video_wap" style="padding-bottom: 56%;width: 100%;position: relative;">

<iframe allowfullscreen="true" frameborder="0" src="此处是腾讯视频调用地址" style="width: 100%;height: 100%;position: absolute;top: 0;left: 0;"></iframe>

</div>
<div style="clear:both;"></div>

<p>后续内容</p>