好的,所以我想嵌入我的 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&channel=thegunrun&auto_play=true&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&popout_chat=true" height="500" width="350"></iframe>
</p>
我将不胜感激任何帮助。谢谢你的时间。
感谢 MikO 的代码编辑。