ACF 值变为 js/jquery - YouTube 全屏视频

Question

我不确定我是否可以这样问，但我会尝试。
我使用这个 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 文件中。
我希望你明白我想说的。

如果我的问题有误，请指正。

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>

ACF 值变为 js/jquery - YouTube 全屏视频

ACF value into js/jquery - YouTube fullscreen video

php

jquery

advanced-custom-fields

acfpro