如何在 Weebly 上的嵌入视频周围放置线框？

Question

我正在将我的 screencast.com 帐户中的视频嵌入到我的 weebly 网站中。

我正在使用本帖子底部附加的 HTML。

除右侧外，它的所有侧面均显示有细边框线。

您可以在这里看到它，这是本页右侧的第二个视频：

http:// /www.themathstutor.ie/home-temp.html

我尝试在网页中为其留出更多物理空间，但这似乎不是原因。

我可以在 HTML 中添加一些内容，在整个内容周围画一条细线吗？

我尝试过在 HTML 中放入不同的尺寸，有时我会在 RHS 上得到边框，但从来没有同时得到所有 4 个尺寸。

有人可以建议吗？

<!-- copy and paste. Modify height and width if desired. -->       
<object id="scPlayer"  width="320" height="180" type="application/x-shockwave-flash" data="http://content.screencast.com/users/TheMathsTutor/folders/Default/media/b08282c8-3f04-415c-b6c6-8465331e96ca/scplayer.swf" >
    <param name="movie" value="http://content.screencast.com/users/TheMathsTutor/folders/Default/media/b08282c8-3f04-415c-b6c6-8465331e96ca/scplayer.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#FFFFFF" />
    <param name="flashVars" value="thumb=http://content.screencast.com/users/TheMathsTutor/folders/Default/media/b08282c8-3f04-415c-b6c6-8465331e96ca/FirstFrame.jpg&containerwidth=320&containerheight=180&autohide=true&autostart=false&loop=false&showendscreen=true&showsearch=true&showstartscreen=true&tocdoc=float&xmp=sc.xmp&content=http://content.screencast.com/users/TheMathsTutor/folders/Default/media/b08282c8-3f04-415c-b6c6-8465331e96ca/IntroVideoV5.mp4&blurover=false" />
    <param name="allowFullScreen" value="true" />
    <param name="scale" value="showall" />
    <param name="allowScriptAccess" value="always" />
    <param name="base" value="http://content.screencast.com/users/TheMathsTutor/folders/Default/media/b08282c8-3f04-415c-b6c6-8465331e96ca/" />
    <iframe type="text/html" frameborder="0" scrolling="no" style="overflow:hidden;" src="http://www.screencast.com/users/TheMathsTutor/folders/Default/media/b08282c8-3f04-415c-b6c6-8465331e96ca/embed" height="180" width="320" >
    </iframe>
</object>

Answer 1

将代码包装在 div 中并将边框设置为 1 像素。

<div style="border:1px solid black;width:320px;height:180px;">
  <!-- your code -->
</div>