【问题标题】:Embed YouTube: dimensions嵌入 YouTube:尺寸
【发布时间】:2015-07-03 18:10:47
【问题描述】:

固定嵌入的 YouTube 视频的宽度并让高度自行处理是否安全?

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

帖子有两种不同的主体尺寸:298 像素和 638 像素。当用户想要嵌入视频时,他们将访问 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/),它可以轻松更新上传和嵌入的属性,因此我计划设置宽度(为 298 像素或 638 像素),并移除高度。我所做的几项测试似乎运行良好,但我并不完全了解 YouTube 处理方面和尺寸的方式。

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

【问题讨论】:

  • 当您只是在页面中放置一个普通的 iframe 时,youtube 无法调整该 iframe 元素的大小。如果没有明确指定,浏览器会为 iframe 元素应用默认宽度和高度。

标签: youtube wysiwyg


【解决方案1】:

iframe 中删除height 并不能保证正确的纵横比。正如 cmets 中所指出的,YouTube 无法以任何方式与您的页面进行交互。 iframe 的大小完全由您控制,其内容与大小无关。

如果您希望根据正确的宽高比调整 iframe 的大小,您可以使用本文中概述的技术:

Embedding a Youtube/Vimeo video with the correct aspect ratio

【讨论】:

    猜你喜欢
    • 2012-04-26
    • 1970-01-01
    • 2011-02-06
    • 2016-10-27
    • 2020-09-06
    • 2013-06-06
    • 2011-11-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多