wordpress - WordPress 音频播放器停止视频背景
问题描述
我正在建立一个 WordPress 网站,主页需要: 1. 自动播放的视频背景。2. 与视频同步自动播放的音轨,但用户可以暂停或静音。理想情况下,音频会自动播放已经静音。
我遇到的问题是,一旦音频播放器自动播放或手动播放,视频背景就会停止。
是否有不同的插件或一些自定义代码可以用来确保在单独的音轨开始时视频背景继续播放?
非常感谢任何建议。
该网站位于:http: //gsh.justprm.co.uk/
主题很突出:https ://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
我目前使用的音频插件是:https ://www.wonderplugin.com/wordpress-audio-player/
解决方案
我想给你一个简单的解决方案,你可以使用。如果您希望将视频背景和音频作为您网站上的两个独立元素,则此解决方案显然不起作用。但如果不是这样,我将为您提供的解决方案将完美运行。
1) 编辑您正在使用的主页视频,并将您想要播放的音乐添加到视频本身。这样视频的音乐将成为您要播放的曲目。
2)使用滑块革命插件来构建您的主页滑块并构建视频滑块。
3)添加一个图标来静音/取消静音滑块上播放的视频的音频。你可以在这里看到它是如何完成的:https ://www.themepunch.com/faq/add-a-muteunmute-button-for-video/
通过上述这些步骤,a)您将实现视频和音频之间的完美同步 b)您将加载未静音的音频,并且仍然让用户将音频静音并继续播放视频。
这是一个非技术性的、直接简单的解决方案。
推荐阅读
- mysql - Model::Create() 方法没有插入 InnoDB 存储引擎
- java - 无法使用 Scala/Java 中的模式从日期创建时间戳
- javascript - 流量{| 定义类型的语法
- reactjs - 如何在 React 中使用 onClick 创建 HTML 元素?
- c - Matlab、Simulink、BeagleBone Blue、Counting Steps 示例、I2C、C 代码错误
- rest - Thingsboard : Rest API 使用设备名称和客户用户凭据获取设备元数据(不使用租户帐户凭据)
- amazon-web-services - AWS ECR 跨账户复制和 KMS 加密
- c++ - 没有匹配函数调用“student::student()”错误
- java - 等待空 BlockingQueue 的首选方法
- macos - macOS 中不同的 cocoapods 版本