视频使网站更具吸引力和生动性，有希望获得观众的"粘性"和回访。然而，研究表明，缓慢启动或暂停播放视频通常会导致访客流失。事实上，Akamai发现，延迟两秒后，每延迟一秒钟，您的观众数量就会减少6%。毫不奇怪，导致web上视频性能差的主要因素是文件大小，因为视频文件可能占用了网站上最多的带宽。对于慢速网络连接，视频播放速度可能快于下载速度，从而导致暂停。通过优化视频文件大小和质量，您可以减少要下载的内容以获得相同的用户体验，从而提供更快的播放速度和更少的暂停时间。这篇文章向您展示了如何利用Cloudinary来减少视频文件的大小，但仍然保持高质量，只需三个简单的技巧。也就是说，您可以设置Cloudinary参数来调整视频维度的大小，优化压缩，并为最佳视频格式添加编解码器设置。网络研讨会调整视频尺寸有时，原始视频的文件大小大于理想用户体验所需的文件大小。尽管许多移动设备可以录制4K分辨率的视频，但很少有设备能够真正重放4K分辨率的视频。将视频大小调整到1080p、720p甚至更低的像素，每帧可节省数百万像素，同时生成的像素更小文件。拿走一个30秒长，1280像素宽，720像素高的视频，重25MB。将其大小调整为960x540将生成10.7MB的视频，其大小为60%。另外，视频播放速度会快四倍！调整视频大小需要重新编码，一旦您在视频URL中添加了width（w）参数，Cloudinary就会自动处理这一问题。例如，使用Cloudinary上的w_960参数调整此视频的大小-URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司：复制到clipboardhttps://res.cloudinary.com/demo/video/upload/eo_30/rbsp_启动_720p_gz9zfm.mp4Ruby：复制到剪贴板cl_video_tag（"rbsp_launch_720p_gz9zfm"，：end_offset=>"30"）PHP:复制到剪贴板cl_video_tag（"rbsp_launch_720p_gz9zfm"，阵列（"结束偏移"=>"30"））Python:复制到剪贴板CloudinaryVideo（"rbsp_launch_720p_gz9zfm"）。视频（end_offset="30"）节点.js：复制到剪贴板云数据库.video（"rbsp_launch p_gz9zfm"，{end_offset:"30"}）Java:复制到剪贴板cloudinary.url（）.transformation（new transformation（）.endOffset（"30"））.videoTag（"rbsp_launch_720p_gz9zfm"）；JS:复制到剪贴板cloudinary.videoTag（'rbsp_launch_720p_gz9zfm'，{endOffset:"30"}）.toHtml（）；jQuery:复制到剪贴板$.云数据库.video（"rbsp_launch p_gz9zfm"，{end_offset:"30"}）反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlVideoUp.Transform（new Transformation（）.EndOffset（"30"））.BuildVideoTag（"rbsp_launch_720p_gz9zfm"）Android:复制到剪贴板媒体管理器.get（）.url（）.transformation（new transformation（）.endOffset（"30"））.resourceType（"video"）.generate（"rbsp_launch_720p_gz9zfm.mp4型");iOS:复制到剪贴板cloudinary.createUrl（）.setResourceType（"video"）.setTransformation（CLDTransformation（）.setEndOffset（"30"））。generate（"rbsp_launch_720p_gz9zfm.mp4型")-生成了这个调整大小的版本，加载并开始大量播放更快：URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll：复制到clipboardhttps://res.cloudinary.com/demo/video/upload/eo峎30，w_960/v1562844864/rbsp_启动_720p_gz9zfm.mp4Ruby：复制到剪贴板cl_video_tag（"rbsp_launch_720p_gz9zfm"，：end_offset=>"30"，：width=>960，：crop=>"缩放"）PHP:复制到剪贴板cl_video_tag（"rbsp_launch_720p_gz9zfm"，阵列（"结束偏移"=>"30"，"宽度"=>960，"裁剪"=>"缩放"））Python:复制到剪贴板CloudinaryVideo（"rbsp_launch_720p_gz9zfm"）。视频（end_offset="30"，width=960，crop="scale"）节点.js：复制到剪贴板云数据库.video（"rbsp_launch p_gz9zfm"，{end_offset:"30"，宽度：960，裁剪："scale"}）Java:复制到剪贴板cloudinary.url（）.transformation（new transformation（）.endOffset（"30"）。width（960）.crop（"scale"））.videoTag（"rbsp_launch_720p_gz9zfm"）；JS:复制到剪贴板cloudinary.videoTag（'rbsp_launch_720p_gz9zfm'，{endOffset:"30"，宽度：960，裁剪："scale"}）.toHtml（）；jQuery:复制到剪贴板$.云数据库.video（"rbsp_launch p_gz9zfm"，{end_offset:"30"，宽度：960，裁剪："scale"}）反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlVideoUp.Transform（new Transformation（）.EndOffset（"30"）.Width（960）.Crop（"scale"））.BuildVideoTag（"rbsp_launch_720p_gz9zfm"）Android:复制到剪贴板媒体管理器.get（）.url（）.transformation（new transformation（）.endOffset（"30"）.width（960）.crop（"scale"））.resourceType（"video"）.generate（"rbsp_launch_720p_gz9zfm.mp4型");iOS:复制到剪贴板cloudinary.createUrl（）.setResourceType（"video"）.setTransformation（CLDTransformation（）.setEndOffset（"30"）.setWidth（960）.setCrop（"scale"））.generate（"rbsp_launch_720p_gz9zfm.mp4型")优化视频压缩视频质量至关重要。如果压缩视频，也就是说，为了更快的视频传输而合并像素，会损害视频的质量，那是一个失败的原因。一种常见的解决方案是使用一种工具来压缩视频，这种工具还可以确保压缩后的质量下降是不可察觉的。一个例子是免费和开源的FFmpeg，它通过在编码视频时用crf参数调整恒定速率因子来完成这项工作：crf值越高，压缩量就越大。默认情况下，FFmpeg设置crf=23。通常，对于网络。安令人印象深刻的替代方案是Cloudinary，它在压缩所有转换任务中的视频时自动优化质量。您需要做的就是将vc\u auto参数添加到视频URL中。请参见以下两个示例：URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司：复制到clipboardhttps://res.cloudinary.com/demo/video/upload/eo峎30，vc自动/v1562844864/rbsp U启动_720p_gz9zfm.mp4Ruby：复制到剪贴板cl_video_tag（"rbsp_launch_720p_gz9zfm"，：end_offset=>"30"，：video_codec=>"自动"）PHP:复制到剪贴板cl_video_tag（"rbsp_launch_720p_gz9zfm"，阵列（"结束偏移"=>"30"，"视频编解码器"=>"自动"））Python:复制到剪贴板CloudinaryVideo（"rbsp_launch_720p_gz9zfm"）。视频（end_offset="30"，video_codec="auto"）节点.js：复制到剪贴板云数据库.video（"rbsp_launch p_gz9zfm"，{end_offset:"30"，视频编解码器："auto"}）Java:复制到剪贴板cloudinary.url（）.transformation（new transformation（）.endOffset（"30"）.videoCodec（"auto"））.videoTag（"rbsp_launch_720p_gz9zfm"）；JS:复制到剪贴板cloudinary.videoTag（'rbsp_launch_720p_gz9zfm'，{endOffset:"30"，videoCodec:"auto"}）.toHtml（）；jQuery:复制到剪贴板$.云数据库.video（"rbsp_launch p_gz9zfm"，{end_offset:"30"，视频编解码器："auto"}）反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到剪贴板.Net:复制到剪贴板cloudinary.Api.UrlVideoUp.Transform（new Transformation（）.EndOffset（"30"）.VideoCodec（"auto"））.BuildVideoTag（"rbsp_launch_720p_gz9zfm"）Android:复制到剪贴板媒体管理器.get（）.url（）.transformation（new transformation（）.endOffset（"30"）.videoCodec（"auto"））.resourceType（"video"）.generate（"rbsp_launch_720p_gz9zfm.mp4型");iOS:复制到剪贴板cloudinary.createUrl（）.setResourceType（"video"）.setTransformation（CLDTransformation（）.setEndOffset（"30"）.setVideoCodec（"auto"））.generate（"rbsp_launch_720p_gz9zfm.mp4型")URLRubyPHPPythonNode.jsJavaJSjQueryReactVue.jsAngular.netandroidiosalll公司：复制到clipboardhttps://res.cloudinary.com/demo/video/upload/eo峎30，w？60，vc？自动/v1562844864/rbsp？启动？720p？gz9zfm.mp4Ruby：复制到剪贴板cl_video_tag（"rbsp_launch_720p_gz9zfm"，：end_offset=>"30"，：width=>960，：video_codec=>"自动"，：crop=>"缩放"）PHP:复制到剪贴板cl_video_tag（"rbsp_launch_720p_gz9zfm"，阵列（"结束偏移"=>"30"，"宽度"=>960，"视频编解码器"=>"自动"，"裁剪"=>"缩放"））Python:复制到剪贴板CloudinaryVideo（"rbsp_launch_720p_gz9zfm"）。视频（end_offset="30"，width=960，video_codec="auto"，crop="scale"）节点.js：复制到剪贴板云数据库.video（"rbsp_launch p_gz9zfm"，{end_offset:"30"，宽度：960，视频编解码器："auto"，裁剪："scale"}）Java:复制到剪贴板cloudinary.url（）.transformation（new transformation（）.endOffset（"30"）.width（960）.videoCodec（"auto"）.crop（"scale"））.videoTag（"rbsp_launch_720p_gz9zfm"）；JS:复制到剪贴板cloudinary.videoTag（'rbsp_launch_720p_gz9zfm'，{endOffset:"30"，宽度：960，videoCodec:"auto"，crop:"scale"}）.toHtml（）；jQuery:复制到剪贴板$.云数据库.video（"rbsp_launch p_gz9zfm"，{end_offset:"30"，宽度：960，视频编解码器："auto"，裁剪："scale"}）反应：复制到剪贴板Vue.js版：复制到剪贴板角度：复制到