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

【问题标题】：ACF value into js/jquery - YouTube fullscreen video将 ACF 值转换为 js/jquery - YouTube 全屏视频
【发布时间】：2019-07-04 03:54:40
【问题描述】：

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

我试过这样

<script>

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

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

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

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

【问题讨论】：

我刚刚发现我无法在我的 php 文件中运行脚本 - 那么插件将不会执行.. 但是如果您知道如何使用该变量，我会很高兴知道:)

标签： php jquery advanced-custom-fields acfpro

【解决方案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>

【讨论】：