jquery - youtube chromeless缩放播放器

标签 jquery html css youtube youtube-api

有谁知道如何制作一个chromeless 播放器根据浏览器大小进行缩放,如下所示:http://lab.veille.jp/elastic-youtube-player/

我尝试使用这个 http://tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/ 并使用 jQuery 使播放器可缩放,但它会遭受性能损失,并且在调整窗口大小时无法使视频正确缩放。

谢谢!

最佳答案

您可以直接使用 jquery API 来更改播放器的大小

$('#video_quwebVjAEJA').height('50px')
$('#video_quwebVjAEJA').width('50px')

其中 '#video_quwebVjAEJA' - object 标签的 id

请注意,这些新值必须小于属性“宽度”和“高度”的原生值。所以你可以在其中设置 maxSize。

关于jquery - youtube chromeless缩放播放器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4101126/

相关文章:

html - 如何摆脱 slider 右侧的多余空格?

html - table-layout=fixed 并且没有指定 width-property 的一列在 IE7 中将表格宽度设置为 100%

ruby-on-rails - 将 CSS 样式添加到 Rails 3 中的 form_tag

javascript - 当jquery处于无冲突模式时,如何解决TypeError iterator is not a function withprototypejs

javascript - 数据表中特定列的下拉过滤器

javascript - 如何在 Jquery Mobile Select Option 中更改突出显示颜色

c# - 在 C# 中获取基于样式的 HTML 元素

javascript - 有没有办法保存所选文本并在刷新页面后再次突出显示它?

javascript - 设置元素填充时 masonry 不起作用

javascript - 如何使用 getElementsByClassName 使文本在 Javascript 中出现和重新出现?