Question

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

我正在使用此帖子底部附带的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>

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

1 个答案: