hauerheinrich/hh-video-extender

Hauer-Heinrich - 扩展 sys_file_reference 视频/媒体。为内容元素(例如 textmedia)添加了选择属性,例如:静音、循环、控件、预览图片等。

资助包维护!
Paypal

安装数: 33 124

依赖项: 2

建议者: 0

安全: 0

星标: 0

关注者: 3

分支: 4

开放问题: 11

类型:typo3-cms-extension

0.2.4 2024-04-18 11:12 UTC

README

hh_video_extender 是一个 TYPO3 扩展。扩展 sys_file_reference 视频/媒体。为内容元素(例如 textmedia)添加了选择属性,例如:静音、循环、控件、预览图片等。

扩展 TYPO3 核心视频渲染器,具有以下属性:

  • 对于 vimeo 和 youtube:延迟加载(使用 JavaScript 在页面加载后加载视频资源)
  • 对于 youtube:循环、控件、相关视频、自动播放
  • 对于内部视频 webp、mp4 等:循环、静音、预加载、控件

安装

... 如其他 TYPO3 扩展一样 extensions.typo3.org

特性

  • 添加默认 html5 视频属性,以便在 TYPO3 后端启用
  • 无需更改 FLUID
  • 自动添加 TypoScript,可以在扩展配置(BE)中禁用。然后您可以从模板模块 = 静态模板中选择它。
  • 预览图片 / poster-image 可以直接在内容元素的后端设置
  • 也可以设置默认预览图片作为后备(常量编辑器)
  • 您可以覆盖在内容元素(CE)中设置的预览图片(常量编辑器)
  • 您可以将预览图片始终作为额外的 img 标签输出,而不是 poster 属性(常量编辑器)
  • 确定是否与 mp4 视频相同的目录中的同名 webm 或 ogg / ogv / ogm 视频是否同义,如果是,则将它们作为源添加

待办事项

  • 将预览图片移动到 CSS 背景解决方案

已弃用

  • 目前没有

说明

  • 选项 "defer" 使用包含在内的 JavaScript,但建议使用您自己的 JavaScript 或将其复制到您的 JavaScript 库中。因为加载额外的文件会导致代码行数增加。

TypoScript 常量

  • 通过 TYPO3 后端的常量编辑器可编辑 TypoScript 常量。
includeCss

启用或禁用自动包含此扩展的 CSS 文件(默认:开启)。仅在需要时自动包含文件。请参阅 FLUID 文件: Video.html

includeJavaScript

启用或禁用自动包含此扩展的 JavaScript 文件(默认:开启)。仅在需要时自动包含文件。请参阅 FLUID 文件: Video.html

previewImage

设置默认预览图片的路径,此图片也用于在内容元素(CE)未设置预览图片时的后备。

previewImage_alt

设置预览图片的 html-alt 属性。

previewImage_title

设置预览图片的 html-title 属性。

previewOverride

覆盖通过内容元素(CE)插入的预览图片(默认:关闭)。

showAllwaysPreviewImageAsImage

默认将预览图片作为 html-poster-属性显示。如果您启用此选项,预览图片将始终作为 img 标签输出(默认:关闭)。仅适用于本地视频,不适用于 youtube 和 vimeo 等!

点击预览图片显示视频

视频是否仅在点击预览图片后可见?默认:关闭 - 视频加载完毕后立即显示。此选项仅隐藏预览图片(-包装器),视频不自动播放!此选项使用包含的JavaScript,但建议使用自己的JavaScript或将此代码复制到您的JavaScript库中。因为加载额外的文件,增加了几行代码。(默认:关闭)。

重要通知

  • Vimeo尚未测试!
  • 如果您在IE/EDGE浏览器上遇到自动播放视频问题,请尝试将"options.preload"设置为"auto"。
  • 仅当preload设置为'none'时,poster属性才有效,但您可以选择将预览图片设置为img标签:请参阅功能

example picture from backend

版权声明

此仓库是TYPO3项目的一部分。TYPO3项目是自由软件;您可以在自由软件基金会发布的GNU通用公共许可证的条款下重新分发和/或修改它;许可证的第2版,或者(根据您的选择)任何较新版本的许可证。

GNU通用公共许可证可在以下地址找到:https://gnu.ac.cn/copyleft/gpl.html

分发此仓库是希望它会有用,但没有任何保证;甚至没有对适销性或特定用途的隐含保证。有关详细信息,请参阅GNU通用公共许可证。

此版权声明必须在仓库的所有副本中显示!

许可证

GNU通用公共许可证 第3版