将数据传递到下一个屏幕php | wordpress |花哨的盒子

Question

我是网络新手，在WordPress网站上工作，必须在精美的盒子里播放视频。现在我正在使用我的video.php文件中的URL进行硬编码。但是我想从一个包含所有数据的不同屏幕传递它。

我的代码如下：

主屏幕（content.php）

    jQuery.fancybox({
        'width'             : '100%',
        'height'            : '100%',
        'autoScale'         : true,
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'type'              : 'iframe',
        'href'              : 'video.php'
    });

video.php 文件的代码如下：

<script>

$(document).ready(function() {

var source = getVideoSource(21851);
var el = jQuery('video');
jQuery('video').attr('src',source);
el.onloadedmetadata = e => {
hidden_source.srcObject = vid.captureStream ? vid.captureStream() : vid.mozCaptureStream();
  }
});

function getVideoSource(id){
    return 'https:baseURL/v2/hls/' + id+'.m3u8';
}

</script>

<div class="video-js-box">

  <video id="example_video_1" class="video-js vjs-default-skin" width="100%" height="100%" controls="controls" preload="auto" autoplay>

  <source type='application/vnd.apple.mpegurl' />

  </video>
</div>

如何将视频ID（例如，1818）传递给video.php文件。请帮忙。感谢。