当您在wordpress中嵌入视频时，默认情况下这些视频不响应。随着响应式wordpress主题的兴起，在较小屏幕上访问您网站的用户将看到拉伸且不成比例的视频容器。在本文中，我们将向您展示如何使用fitvids让您的视频在wordpress中实现响应式。
FitVids是一个jQuery插件，可让您的视频嵌入响应式。如果您想在WordPress网站上使用它，那么您所需要做的就是安装并激活FitVidsforWordPress插件。激活后，您需要转到外观»FitVids并输入CSS选择器类。WordPress会自动.post为文章添加类，因此您可以直接使用它。
就这样，保存您的更改并预览您的网站。您需要重新调整浏览器屏幕的大小才能看到视频进行相应的调整。
视频教程
https://www.youtube.com/embed/df1SAtdgDIk?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent订阅WPBeginner
https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc="https://www.yaozhongpeng.com/static/image/lazy.gif" class="lazy" original="https://www.yaozhongpeng.com/static/image/nopic320.png">
如果您不喜欢该视频或需要更多说明，请继续阅读。
手动添加FitVids以使您的视频在WordPress中具有响应能力
如果您不想安装FitVidsforWordPress插件，则可以手动添加FitVidsjQuery插件。您需要做的第一件事是下载FitVidsjQuery插件并将其解压到您的计算机上。现在您需要将提取的FitVids.js-master文件夹上传到主题的js目录。
您需要使用Filezilla等FTP客户端连接到您的网站并打开您的主题目录。您的WordPress主题可能没有js文件夹。如果不存在，那么您需要创建一个，然后从您的计算机上传FitVids.js-master文件夹。
在js文件夹中，您需要创建一个新文件并将其命名为FitVids.js. 编辑此文件并将此代码粘贴到其中。
(function($){$(document).ready(function(){//Targetyour.container,.wrapper,.post,etc.$(".post").fitVids();});})(jQuery);