我正在尝试嵌入许多不同的 Vimeo 播放器,它们具有不同分辨率的视频内容。我希望每个播放器的尺寸与其各自视频的尺寸相同,因此边缘周围不会出现字母框/黑色边框。我原以为这会自动发生,但我嵌入的每个播放器都默认为相同的大小,无论视频的尺寸如何。
有没有人知道一种方法可以简单地解决这个问题,或者拉动视频本身的尺寸,以便我可以动态设置播放器的高度?
我正在使用 iframe 嵌入方法。
干杯
我正在尝试嵌入许多不同的 Vimeo 播放器,它们具有不同分辨率的视频内容。我希望每个播放器的尺寸与其各自视频的尺寸相同,因此边缘周围不会出现字母框/黑色边框。我原以为这会自动发生,但我嵌入的每个播放器都默认为相同的大小,无论视频的尺寸如何。
有没有人知道一种方法可以简单地解决这个问题,或者拉动视频本身的尺寸,以便我可以动态设置播放器的高度?
我正在使用 iframe 嵌入方法。
干杯
当使用不同的分辨率和浏览器尺寸时,目前使用 JavaScript 的最佳解决方案。这是我推荐的一个名为FitVids的 jQuery 插件。
你将如何使用它:
$(document).ready(function(){
// use div container that contains all your videos
$(document.body).fitVids();
});