Brightcove响应大小的视频播放器

Question

我只是在处理Brightcove Responsive，但我不确定为什么在使用下面的视口时Brightcove视频不会调整大小。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

如果我不使用视口，那么当我在移动设备中旋转时效果很好。

这是我的css代码

<style type="text/css">
        .containing-block {
          width: 100%;
        }
        .outer-container {
          position: relative;
          height: 0;
          padding-bottom: 56.25%;
        }
        .BrightcoveExperience {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
    </style>

和Brightcove代码

<div class="containing-block">
        <div class="outer-container">

            <!-- Start of Brightcove Player -->

            <div style="display:none">

            </div>

            <!--
            By use of this code snippet, I agree to the Brightcove Publisher T and C 
            found at https://accounts.brightcove.com/en/terms-and-conditions/. 
            -->
    <script language="JavaScript" type="text/javascript" src="//sadmin.brightcove.com/js/BrightcoveExperiences.js"></script>

                <object id="myExperience1754276206001" class="BrightcoveExperience">
                  <param name="bgcolor" value="#FFFFFF" />
                  <param name="width" value="480" />
                  <param name="height" value="270" />
                  <param name="playerID" value="1753810340001" />
                  <param name="playerKey" value="AQ~~,AAABmA9XpXk~,-Kp7jNgisrdihurn3hYnYJWo8k_gM6uF" />
                  <param name="isVid" value="true" />
                  <param name="isUI" value="true" />
                  <param name="dynamicStreaming" value="true" />

                  <param name="@videoPlayer" value="1754276206001" />
                </object>
   </div>
    </div>

感谢您的帮助