Css 使iframe和iframe中的视频响应

我正在使用PlusThis进行视频跟踪，下面的代码在查看网站的桌面版本时运行良好，但是，当我使用移动设备时，视频显然没有响应

为了使用plus此功能，我需要使用下面的代码，但我不知道如何使其响应：

<iframe id="vimeo_187396498" src="https://player.vimeo.com/video/187388888" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<script type="text/javascript">
    PTFeatureBase.setContactId('[memb_contact fields="Id"]');
    PTFeatureBase.setContactEmail('[memb_contact fields="Email"]');
    PTVideoTriggers.listen({
        type: "vimeo",
        playerId: "vimeo_187399998",
        feature: "1545-MHe1qQxtRTKCd4cTdB5aDcedYjgJORyfcidK6gv1",
        triggerType: "cue",
        times: [660]
    });
</script>

PTFeatureBase.setContactId（“[memb_contact fields=“Id”]”）；
PTFeatureBase.setContactEmail（“[memb_contact fields=“Email”]”）；
听我说({
类型：“vimeo”，
playerId：“vimeo_187399998”，
功能：“1545-MHE1QXTRTKCD4CTDB5ADCEDYJGJORYFCIDK6GV1”，
触发类型：“提示”，
时报：[660]
});

有人能告诉我如何使这段代码具有响应性，同时保持JavaScript的完整性，以便使用PlusThis的功能吗

PTFeatureBase.setContactId（“[memb_contact fields=“Id”]”）；
PTFeatureBase.setContactEmail（“[memb_contact fields=“Email”]”）；
听我说({
类型：“vimeo”，
playerId：“vimeo_187399998”，
功能：“1545-MHE1QXTRTKCD4CTDB5ADCEDYJGJORYFCIDK6GV1”，
触发类型：“提示”，
时报：[660]
});
iframe{
宽度：100%；
高度：自动；
}

我希望你明白了

<iframe id="vimeo_187396498" src="https://player.vimeo.com/video/187388888" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

<div class="videoiframe">
<iframe id="vimeo_187396498" src="https://player.vimeo.com/video/187388888" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

.videoiframe iframe {width:100%; height: auto}