Skip to main content

精简 Drupal 视频内容:专家优化策略

Reading time: 7 minutes
CK headshot
Written by
CK Ng
Lead Architect
Drupal logo
Key Takeaways
  • Utilize external video platforms like Vimeo, YouTube, and Cloudflare Streams to reduce server load and enhance video performance.
  • Implement lazy loading for videos using modules like Lite YouTube to improve page speed and user experience in Drupal.
  • Integrate Video.js for a customizable and responsive video player experience on your Drupal site.
  • Ensure video accessibility by adding captions, transcripts, and audio descriptions to reach all audiences.
  • Stay updated with Drupal's developments in media management and leverage contributed modules for enhanced video capabilities.

作为拥有数十年 Drupal 开发经验的专家,我亲眼目睹了在 Drupal 中管理视频内容所面临的挑战和解决方案。高效的视频管理对于任何 Drupal 网站来说都至关重要,但许多网站托管平台都缺乏必要的基础设施,因此需要依赖外部服务。

为了克服这些障碍,利用 Vimeo、YouTube 或 Cloudflare Streams 等成熟的视频平台可以大大减少技术开销并提高性能。通过在 Drupal 中嵌入来自这些平台的视频,您可以增强用户体验,而无需自己管理视频基础设施。

以下是考虑使用外部服务的一些令人信服的理由:

  • 减少服务器负载:卸载视频托管可减少网站服务器的压力,提高整体性能和加载时间。
  • 可扩展性: 这些平台可处理大量流量,即使在使用高峰期也能确保视频播放流畅。
  • CDN外部视频托管平台采用内容分发网络(CDN)进行有效的视频分发,确保在全球范围内更快的加载时间。
  • 视频优化:采用先进的视频压缩和编码技术,以最小的文件大小提供高质量的视频。
  • 分析和洞察:这些平台提供有关视频性能、观众参与度和人口统计的详细分析。
  • 成本效益高: 外部服务可能比自行托管更经济,尤其是对于大型视频库而言。
  • 易于集成:嵌入视频通常很简单,只需最低限度的专业技术知识。
  • 附加功能:许多平台提供视频编辑、共享和货币化选项等功能。

使用这些服务可让您专注于创建吸引人的视频内容,同时确保 Drupal 网站的无缝集成和性能。截至 2022 年 9 月,Drupal 视频模块已在约 23,869 个网站上使用,显示了其受欢迎程度和有效性。

Screenshot showing the usage statistics for Drupal video module

利用外部视频平台

许多网络托管平台不提供高效视频管理所需的基础设施,包括编码功能。这通常需要依赖外部服务,而外部服务是首选。由于视频格式和传输要求多种多样,实施复杂的转码解决方案可能会耗费大量资源和时间。

为了克服这些挑战,利用VimeoYouTubeCloudflare Streams 等成熟的视频平台更为有效。这些平台提供强大的视频托管、编码和传输解决方案,大大降低了技术开销并提高了性能。通过将这些平台上的视频嵌入到 Drupal 中,您就可以专注于用户体验和集成,而不必亲自管理复杂的视频基础设施。

至于选择哪种方案,这取决于需要托管的视频数量和相关成本。VimeoYouTube也是吸引游客的额外渠道。

使用外部服务的优势:
  • 减少服务器负载:将视频托管卸载到 Vimeo 和 YouTube 等外部平台,可大大减轻网站服务器的压力,提高整体性能和加载时间。
    可扩展性:这些服务专为处理大量流量而设计,即使在使用高峰期也能确保视频播放流畅。
  • 内容分发网络(CDN):大多数外部视频托管平台利用 CDN 实现高效的视频传输,从而加快全球观众的加载时间。
  • 视频优化:这些平台通常采用先进的视频压缩和编码技术来传输高质量视频,同时最大限度地减小文件大小。
  • 分析和洞察:这些平台通常提供有关视频性能、观众参与度和人口统计的详细分析。
  • 成本效益高:使用外部服务比自行托管视频内容更具成本效益,尤其是对于大型视频库而言。
  • 易于整合:将这些平台上的视频嵌入网站一般都很简单,只需最低限度的专业技术知识。大多数平台都可对嵌入式播放器进行一定程度的定制,让您可以根据网站的设计匹配其外观和功能。它们的播放器使用自适应比特率流和动态内容交付等先进技术,确保在不同设备和网络条件下流畅播放。它们还支持懒加载,可优化视频性能并减少缓冲。
  • 附加功能:许多平台提供视频编辑、共享和货币化选项等功能。
    使用这些服务可以让您专注于创建吸引人的视频内容,同时确保 Drupal 网站的无缝集成和性能。截至 2022 年 9 月,Drupal 视频模块已在约 23,869 个网站上使用,显示了其受欢迎程度和有效性。

使用这些服务可以让您专注于创建吸引人的视频内容,同时确保在您的 Drupal 网站上实现无缝集成和性能。截至 2022 年 9 月,Drupal 视频模块已在约 23,869 个网站上使用,充分展示了其受欢迎程度和有效性。

懒加载实施

对视频实施懒加载可改善页面加载时间和用户体验。Vimeo 和 Cloudflare 等外部播放器均支持开箱即用的懒加载功能。对于 YouTube,可以使用Lite YouTube 模块。可以在 Drupal 的媒体视频字段中进行配置,使用 Lite YouTube 显示视频。

请按照以下步骤在 Drupal 中为 YouTube 设置懒加载:

  1. 安装Lite YouTube 模块
  2. 在媒体视频字段中配置该模块,以启用 Lite YouTube。
  3. 使用 Lite YouTube 选项嵌入视频。

有了这些配置,您的 YouTube 视频只有在用户滚动到它们时才会加载,从而减少初始加载时间并改善整体用户体验。

定制视频播放器

Screenshot of Video.js homepage

说到在 Drupal 网站中集成自定义视频播放器,Video.js是一个强大而通用的选择。Video.js 是一款成熟且支持良好的 HTML5 视频播放器,拥有一个庞大的开发者社区。它提供的播放器具有视觉吸引力和交互性,与网站的设计和功能相一致。

使用 Video.js 的优势:
  • 无缝集成:Video.js 可以与 React 和 Vue.js 等前端 JavaScript 框架集成,从而实现更大的灵活性和定制性。
  • 广泛的插件支持:大量插件可用于扩展 Video.js 功能,从而节省开发时间。
  • 可访问性:Video.js 优先考虑可访问性,确保您的自定义播放器符合可访问性标准。
  • 响应性:Video.js 具有响应性,可在各种设备上无缝显示。
使用 Drupal 实施 Video.js:
  1. 安装 Video.js:

    Video.js 官方网站下载该库并将其放置在适当的目录中,将 Video.js 添加到你的 Drupal 网站。

  2. 配置 Video.js:

    根据需要调整设置。可以添加插件来扩展播放器的功能,如添加字幕、字幕或其他控件。

  3. 自定义外观和功能:

    自定义播放器,使其与网站设计和用户体验相一致。这包括修改皮肤、控件,以及在必要时与其他 JavaScript 框架集成。

自定义视频播放器用例:
  • 多个流媒体源:
    使用自定义 Video.js 播放器支持来自多个外部服务的流媒体,同时保持一致的播放器外观和功能。

通过利用 Video.js 的功能,您可以在 Drupal 网站上创建无缝且引人入胜的视频体验,增强用户互动并提高满意度。

解决常见问题和关切

在 Drupal 网站中整合视频内容可能会引起一些问题和顾虑。下面,我们将讨论一些最常见的问题:

选择合适的外部视频平台:

选择合适的外部视频平台取决于您的具体需求。Vimeo、YouTube 和 Cloudflare Streams 等平台都具有独特的功能和优势。例如,YouTube 在覆盖面和曝光率方面非常出色,而 Vimeo 则在视频隐私和品牌方面提供更多控制。Cloudflare Streams 提供强大的安全功能和无缝集成。

确保视频的可访问性:

可访问性对视频内容至关重要。通过加入字幕、文字稿和音频描述,确保所有用户都能访问您的视频。使用Video.js等播放器可以帮助您符合可访问性标准,因为它支持自定义字幕和其他可访问性功能。此外,YouTubeVimeo等平台也提供内置的可访问性选项。

确保视频内容安全:

安全是另一个重要问题,尤其是在处理专有或敏感内容时。Cloudflare Streams等平台提供先进的安全功能,包括加密和安全令牌访问,以确保您的视频免受未经授权的访问。

Drupal 视频的近期趋势和主要发展:
近期趋势:
  • 媒体管理:Drupal 在改进其媒体管理功能方面取得了长足进步,其中重点是视频。媒体库模块及其相关工具变得更加强大和用户友好,使得在 Drupal 内容中上传、组织和嵌入视频变得更加容易。
  • 无头 Drupal 和视频:无头 Drupal 架构的兴起为视频集成提供了新的可能性。Drupal 可以作为管理视频内容的强大后台,同时与 React 或 Vue.js 等前端框架无缝集成,提供更大的灵活性和定制选项。
  • 远程视频提供商:Drupal 与 YouTube、Vimeo 和 Wistia 等远程视频提供商的集成变得更加精简。视频嵌入字段和媒体远程视频等模块为在 Drupal 内容中嵌入这些平台的视频提供了简便的方法。
  • 视频流:Drupal 社区对实时视频流和视频点播 (VOD) 的兴趣与日俱增。Video.js模块等解决方案以及与JW Player或Brightcove等流媒体平台的集成正在获得越来越多的关注。
  • 可访问性:Drupal 社区非常重视视频的可访问性。自动字幕生成、脚本集成和音频描述等功能正变得越来越普遍,从而确保视频内容对所有用户都具有包容性。
重大发展:
  • Drupal 10 及其他2022 年 12 月发布的Drupal 10 进一步巩固了 Drupal 对视频的承诺。核心媒体管理系统已得到完善,并在不断改进视频性能和与现代视频技术的集成。
  • 媒体实体和媒体库:Drupal 8 中引入的媒体实体模块彻底改变了 Drupal 处理媒体资产(包括视频)的方式。媒体库为管理视频文件提供了一个集中的位置,使它们在 Drupal 内容中更容易访问和使用。
  • Contrib 模块:Drupal 社区开发了大量的贡献模块来扩展 Drupal 的视频功能。这些模块提供了视频播放列表、图库、灯箱和高级编辑选项等功能。
在 Drupal 中优化视频的关键见解:
  • 灵活性:从简单的视频嵌入到复杂的视频门户和流媒体平台,Drupal 灵活的架构使其能够适应各种视频用例。
  • 开源:Drupal 的开源特性营造了一个协作环境,让开发人员和网站建设者能够为视频生态系统做出贡献并增强其功能。
  • 社区驱动:Drupal 社区在推动视频创新方面发挥着至关重要的作用。这里有活跃的讨论、文档和支持资源,可供在 Drupal 中使用视频的任何人使用。
  • 面向未来:Drupal 对持续开发的承诺及其模块化结构确保了它能够随着视频技术的不断变化而发展。

About CK Ng

Chin Kiong "CK" has decades of Drupal development experience and has contributed hundreds of code commits to the Drupal community. He possesses a wild, insatiable talent and drive to solve even the most difficult technical problems in a wide range of technologies, and he brings excellence and elegance in his high-level architectural solutions as well as invaluable direction and advice. He has served as the lead architect for a number of high-profile clients and projects, including The Juilliard School, the University of Minnesota, Cornell, HelpSystems, and Estée Lauder. CK is a full-stack...

订阅我们的博客

在此订阅我们的博客。我们还定期在LinkedInFacebookXInstagramYouTube 上分享内容。

收听我们的播客

Growth Gears是唯一能在市场营销、销售、客户体验和其他创收团队之间架起无缝桥梁的播客。

加入我们的社区

Marketing Leaders Connect是一个与您这样的专业人士建立联系,共同解决复杂营销挑战的地方。