嵌入YouTube:尺寸

时间:2015-04-24 23:50:49

标签: youtube wysiwyg

修复嵌入的YouTube视频的宽度并让高度自行解决是否安全?

我有一个应用程序,用户将通知发布到布告栏。通知主要是文本(具有有限的html标签)和嵌入式图像。我现在正在添加对嵌入式YouTube视频的支持。

帖子有两种不同的体型:298px和638px。当用户想要嵌入视频时,他们将转到YouTube.com,找到视频,选择分享 - >嵌入。然后,他们将复制iframe代码并将其粘贴到他们正在创建的帖子中。

以下是YouTube视频的iframe代码示例:

<iframe width="560" height="315" src="https://www.youtube.com/embed/ny7ysh6y2g0" frameborder="0" allowfullscreen></iframe>

我正在使用Redactor for WYSIWYG(http://imperavi.com/redactor/),这样可以轻松更新上传和嵌入的属性,因此我打算设置宽度(为298px或638px),并删除高度。我所做的一些测试似乎工作正常,但我并不完全理解YouTube在方面和尺寸方面的工作方式。

认为将使用适合观看的宽高比(16:9?)自动设置高度,但我可以确定不测试大量示例。我建议给用户提供良好的观看体验吗?

1 个答案:

答案 0 :(得分:0)

height中删除iframe并不能保证正确的宽高比。正如评论中所指出的,YouTube无法以任何方式与您的网页进行互动。 iframe尺寸完全由您控制,其内容不会影响其大小。

如果您希望根据正确的方面收音机调整iframe的大小,可以使用此帖中列出的技巧:

Embedding a Youtube/Vimeo video with the correct aspect ratio