0

有人对视频 JS 播放器有特别的问题吗？( https://videojs.com/ )

出于某种原因，我无法使用 Video JS 正确生成我的关键 CSS。每次我进行构建时，它都会处理并提供我的内联 CSS，但视频播放器中的实际样式却一团糟——有很多隐藏的元素永远不会显示。

我的 Plyr ( https://plyr.io/ ) 没有这个问题，我的任何网站上都没有其他问题 - 它只是 Video JS 元素。

有任何想法吗？

如果需要，我可以放一个完整的例子，这是我的 Gulp 文件中的关键 CSS 任务：

// Process the critical path CSS one at a time
function processCriticalCSS(element, i, callback) {
  const criticalSrc = pkg.urls.critical + element.url;
  const criticalDest = pkg.paths.templates + element.template + "_critical.min.css";

  let criticalWidth = 1200;
  let criticalHeight = 1200;
  if (element.template.indexOf("amp_") !== -1) {
    criticalWidth = 600;
    criticalHeight = 19200;
  }
  $.fancyLog("-> Generating critical CSS: " + $.chalk.cyan(criticalSrc) + " -> " + $.chalk.magenta(criticalDest));
  $.critical.generate({
    src: criticalSrc,
    // 'target' instead of 'dest' for critical V3+
    target: criticalDest,
    penthouse: {
      blockJSRequests: false,
      forceInclude: pkg.globs.criticalWhitelist
    },
    inline: false,
    ignore: [],
    css: [
      pkg.paths.dist.css + pkg.vars.siteCssName,
    ],
    minify: true,
    extract: true,
    width: criticalWidth,
    height: criticalHeight
  }, (err, output) => {
    if (err) {
      $.fancyLog($.chalk.magenta(err));
    }
    callback();
  });
}
4

0 回答 0