如何根据屏幕大小获取播放列表以调整自身大小？

Question

播放列表对我的显示器来说太大了，因此底部和侧面都有滚动条。

以下是源代码：

<div>
    <p>
        <iframe 
            allowfullscreen="true" 
            allowtransparency="true" 
            class="wistia_playlist" 
            frameborder="0" 
            height="720" 
            width="1280"
            name="wistia_playlist"
            style="border:5px"
            scrolling="no"
            src="example link"
        ></iframe>
    </p>
</div>

我已经尝试过一些来自互联网的例子，但到目前为止还没有成功。如果它有所不同，我在一个网站的DNN HTML模块中这样做。

Answer 1

<style>
iframe {
  height: 300px;
  width: 300px;
  resize: both;
  overflow: auto;
}
</style>
<div>
    <p>
        <iframe 
            allowfullscreen="true" 
            allowtransparency="true" 
            class="wistia_playlist" 
            frameborder="0" 
            height="720" 
            width="1280"
            name="wistia_playlist"
            style="border:5px"
            scrolling="no"
            src="http://example.com"
        ></iframe>
    </p>
</div>

允许使用css调整大小!! resize:both;