hauerheinrich / hh-video-extender
Hauer-Heinrich - 扩展 sys_file_reference 视频/媒体。为内容元素(例如 textmedia)添加了选择属性,例如:静音、循环、控件、预览图片等。
Requires
- typo3/cms-core: ^11.5.0 || ^12.3.0
- typo3/cms-fluid: ^11.5.0 || ^12.3.0
- typo3/cms-fluid-styled-content: ^11.5.0 || ^12.3.0
- typo3/cms-frontend: ^11.5.0 || ^12.3.0
Replaces
- hauer-heinrich/hh_video_extender: 0.2.4
- typo3-ter/hh-video-extender: 0.2.4
- dev-master
- 0.2.4
- 0.2.3
- 0.2.2
- 0.2.1
- 0.2.0
- 0.1.74
- 0.1.73
- 0.1.71
- 0.1.64
- 0.1.63
- 0.1.62
- 0.1.61
- 0.1.51
- 0.1.6
- 0.1.5
- 0.1.4
- 0.1.3
- 0.1.2
- dev-typo3-11
- dev-typo3-12
- dev-dependabot/npm_and_yarn/minimist-and-mkdirp-1.2.8
- dev-dependabot/npm_and_yarn/json5-2.2.3
- dev-dependabot/composer/typo3/html-sanitizer-2.1.1
- dev-dependabot/npm_and_yarn/qs-6.5.3
- dev-dependabot/npm_and_yarn/scss-tokenizer-and-gulp-sass--removed
- dev-dependabot/npm_and_yarn/minimatch-3.0.8
- dev-dependabot/npm_and_yarn/decode-uri-component-0.2.2
- dev-test-custom-belayout
This package is auto-updated.
Last update: 2024-09-18 12:13:45 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标签:请参阅功能
版权声明
此仓库是TYPO3项目的一部分。TYPO3项目是自由软件;您可以在自由软件基金会发布的GNU通用公共许可证的条款下重新分发和/或修改它;许可证的第2版,或者(根据您的选择)任何较新版本的许可证。
GNU通用公共许可证可在以下地址找到:https://gnu.ac.cn/copyleft/gpl.html。
分发此仓库是希望它会有用,但没有任何保证;甚至没有对适销性或特定用途的隐含保证。有关详细信息,请参阅GNU通用公共许可证。
此版权声明必须在仓库的所有副本中显示!
许可证
GNU通用公共许可证 第3版