php - 将 ACF 值转换为 js/jquery - YouTube 全屏视频

Question

我不确定我是否可以这样问，但我会尝试。
我使用这个 YouTube 全屏 jquery 插件 -链接
问题是我必须在脚本中手动输入 YouTube 视频 ID。如何获取我的 ACF 值来替换 videoId？

我试过这样

<script>

  var jsVideo = <?php echo get_field('hero_baggrundsvideo'); ?>;

(function($) {
  $('#heroVideo').YTPlayer({
    fitToBackground: true,
    videoId: ''.$jsVideo.''
  });
})(jQuery);
</script>

但它不起作用。我已将此脚本放在我的 php 文件中。
我希望你明白我想说的话。

请纠正我，如果我的问题是错误的。

Answer 1

最重要的是，您的 JS 代码存在语法问题。

点.连接 PHP 中的字符串，Js 使用+. 您没有在视频 ID 周围添加引号。试试这个并检查开发者控制台是否有其他错误。

<script>

  var jsVideo = "<?php echo get_field('hero_baggrundsvideo'); ?>";
  console.log("I am playing: "+jsVideo);

(function($) {
    $('#heroVideo').YTPlayer({
    fitToBackground: true,
    videoId: jsVideo;
 });
})(jQuery);
</script>