Youtube JavaScript API我无法使其响应和集中

我正在尝试实现一个Youtube视频，让视频集中并完全响应，我让它工作了，但我无法让它完全响应

//异步加载IFrame播放器API代码。 var tag=document.createElement'script'； tag.src=https://www.youtube.com/player_api; var firstScriptTag=document.getElementsByTagName'script'[0]； firstScriptTag.parentNode.insertBeforetag，firstScriptTag； //用and替换“ytplayer”元素 //YouTube播放器的API代码下载后。 var播放器； 函数onYouTubePlayerAPIReady{ player=新的YT.player'vid'{ 宽度：“100%”， 高度：“100%”， 视频ID:'6JK nkvs UY' }; } 身体{ 边际：0px； } .openFrame{ 显示：表格； 位置：绝对位置； 身高：100%； 宽度：100%； 背景颜色：黄色； 背景位置：中心； 背景尺寸：封面； } 梅因先生{ 显示：表格单元格； 垂直对齐：中间对齐； } .内部{ 左边距：自动； 右边距：自动； 文本对齐：居中； } cta{ 宽度：85%； 身高：6em； 背景色：黑色； 背景重复：无重复； 背景位置：上中； 背景尺寸：包含； 光标：指针； } .电视转播{ 位置：相对位置； z指数：999999； } 视频{ 宽度：90%； 最大高度：100%； 保证金：自动； 显示：表格单元格； 垂直对齐：中间对齐； } 底部{ 宽度：100%； 身高：100%； 位置：绝对位置； 顶部：0px； 左：0px； 光标：指针；

---

你到底想要什么？请更清楚地解释这个完全响应的问题。我的意思是，从桌面到手机，视频都是完全响应的。我知道什么是完全响应的。但是视频大小会根据屏幕宽度而变化。那么问题出在哪里呢。