youtube - 嵌入YouTube:尺寸

Question

固定嵌入式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用于WYSIWYG( http://imperavi.com/redactor/)，这使更新上载和嵌入的属性变得容易，因此我计划设置宽度(为298px或638px)，并删除高度。我所做的一些测试似乎效果很好，但是我不完全了解YouTube在外观和尺寸方面的工作方式。

我认为将使用适合观看的宽高比来自动设置高度(16:9？)，但是我可以确定，无需测试大量示例。我要提出的建议是要给用户带来良好的观看体验？

Answer 1

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

如果您希望根据正确的方面 radio 调整iframe的大小，则可以使用本文中概述的技术:

Embedding a Youtube/Vimeo video with the correct aspect ratio