I';我想让flash嵌入和iframe嵌入在同一条线上

I';我想让flash嵌入和iframe嵌入在同一条线上,flash,iframe,embed,Flash,Iframe,Embed,好的,我想把我的Twitch.TV视频源和聊天同步嵌入。我尝试做的另一件事是使视频根据浏览器分辨率自动调整大小 因此,首先,对于重新调整大小的问题,我已经更改了width='100%'来解决这个问题,但从我研究和尝试实现的所有内容(最小/最大高度、百分比等)来看,似乎都不起作用。是否可以使用宽度的高度刻度(即1980宽度=1080高度,16:9,16:10,4:3,基于浏览器)?如果没有,我想我可以把它放在400高的地方 关于我目前的问题。我已经到处找过这个了。我已经能够研究div、span、i

好的,我想把我的Twitch.TV视频源和聊天同步嵌入。我尝试做的另一件事是使视频根据浏览器分辨率自动调整大小

因此,首先,对于重新调整大小的问题,我已经更改了width='100%'来解决这个问题,但从我研究和尝试实现的所有内容(最小/最大高度、百分比等)来看,似乎都不起作用。是否可以使用宽度的高度刻度(即1980宽度=1080高度,16:9,16:10,4:3,基于浏览器)?如果没有,我想我可以把它放在400高的地方

关于我目前的问题。我已经到处找过这个了。我已经能够研究div、span、inline,它们都可以很好地用于文本,但我无法让它们同时用于这两种嵌入。另一件需要补充的事情是,这是在Joomla上的一篇文章中,尽管我已经使用了tinymce和其他编辑器来确保html和代码不会被中断。我将用户名更改为工作人员

<p>
  <object id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=thegunrun" type="application/x-shockwave-flash" width="100%" height="400">
    <param name="allowFullScreen" value="true" />
    <param name="allowScriptAccess" value="always" />
    <param name="allowNetworking" value="all" />
    <param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" />
    <param name="flashvars" value="hostname=www.twitch.tv&amp;channel=thegunrun&amp;auto_play=true&amp;start_volume=25" />
  </object>
  <a class="trk" href="http://www.twitch.tv/thegunrun" style="padding: 2px 0px 4px; display: block; width: 345px; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;">Watch live video from TheGunRun's Channel on www.twitch.tv</a>
  <iframe frameborder="0" scrolling="no" id="chat_embed" src="http://twitch.tv/chat/embed?channel=thegunrun&amp;popout_chat=true" height="500" width="350"></iframe>
</p>

我将非常感谢任何帮助。谢谢你抽出时间


感谢MikO的代码编辑。

要正确调整大小,您可以使用多个.css文件,并通过设置
媒体屏幕
选项加载它们,这里有一些示例