在视频网站上分享的视频iframe标签是有固定宽高的 设置高度100%实际上只有150px

最终采用的解决方法是通过js来实现视频自适应手机屏幕 代码如下:

$(function(){
    //视频自适应手机屏幕
    var iframe = $('iframe');
    iframe.each(function(){
        var $this = $(this);
        var max_width = $this.parents('.content').css('width');
        var width = $this.attr('width');
        var height = $this.attr('height');

        max_width = max_width.replace('px', '');
        max_width = parseFloat(max_width);
        width = parseFloat(width);
        height = parseFloat(height);

        if(width > max_width) {
            height = height * (max_width / width);
            width = max_width;
        }

        $this.attr('width', width);
        $this.attr('height', height);
    })
})