ビデオの幅を動的に設定する方法、js設定とCSS設定

一、csss設定
html:

class="wrap">
    

css:

.wrap{
    width:100%;
    position:relative;
    padding-bottom:62%;    /*   padding   16:9  ,   9  16*/
    height: 0;
    video{
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

JSの方法:
考え方:jsで現在のビデオのDOMを取得し、DOMを動的に幅広に設定する
以下はangularの例で示していますが、純JSでも同じ理屈です
html:

TS:
DOMを取得する方法

@ViewChild('iframeurl') iframeurl:ElementRef;

let iwidth = screen.width;
let iheight = iwidth*0.62;
console.log(iheight+"  "+iwidth);
this.iframeurl.nativeElement.style.width = iwidth+"px";
this.iframeurl.nativeElement.style.height = iheight+"px";