mediamotionag/contao-jwplayer-bundle

此包已被废弃,不再维护。未建议替代包。

JWPlayer 视频播放器

v2.0.0 2021-01-08 07:43 UTC

This package is auto-updated.

Last update: 2023-07-11 07:06:56 UTC


README

关于

在 Contao 中使用 JWPlayer 作为视频播放器。更多关于 JWPlayer:https://www.jwplayer.com/

此插件向 Contao 添加了 JWPlayer 元素。因此,可以添加 JWPlayer 视频,作为可控制的播放器或拉伸/裁剪的背景视频。

安装

如果您还没有安装 composer,请先安装,然后在 Contao 安装的主目录中输入以下命令

composer require mediamotionag/contao-jwplayer-bundle

使用方法

  1. https://www.jwplayer.com/ 上创建一个账户
  2. 创建一个具有您首选设计设置的 "播放器" 并复制播放器 ID
  3. 上传一个视频并复制视频 ID
  4. 在 Contao 设置中保存默认视频 ID
  5. 添加一个类型为 "JWPlayer" 的新元素
  6. 保存您的视频 ID 和可选选项
  7. 可选:对于全屏视频,通过 CSS 定义大小,并将 "Anzeigemodus" 设置为 "Füllen (Proportional & Beschneiden)"

选项

  1. 输出模式 - 视频输出时的模式
    1. Füllen (Proportional & beschneiden) - 填充容器,不改变比例,但裁剪视频以适应
    2. Füllen (Verzerren & nicht beschneiden) - 填充容器,改变比例,但不裁剪视频
    3. Proportional (Schwarze Balken) - 视频将适合容器内,其余部分将用黑色填充
    4. 视频尺寸和比例的 1:1 输出
  2. 自动播放 - 由于现代浏览器对此选项的限制,它通常仅在静音视频时才有效
  3. 静音 - 静音视频,通常用于自动播放视频(如背景视频)
  4. 重复 - 无限循环视频
  5. 控件 - 显示控件
  6. 覆盖播放器 ID - 如果您想使用多个视频播放器(来自 jwplayer.com),可以使用此选项覆盖默认播放器

所有 API 选项: https://developer.jwplayer.com/jw-player/docs/javascript-api-reference/

截图(后端)

后端选项(Contao 元素)

enter image description here

后端视频尺寸选项

enter image description here

前端示例

enter image description here

贡献

欢迎提交错误报告和拉取请求