使用JavaScript邏輯和數據動態創建DOM元素

Question

我有一個簡單的快遞應用程序，它顯示電影列表，單擊任何一個都會打開播放器的另一頁。 我需要加載此腳本，以將視頻播放器注入到元素中。

此處，在此端點中，將視頻對象傳遞到播放器布局上

router.get('/video/:id', (req, res) => {
    videoController.singleVideo(req, (err, data) => {
        if (err) return res.redirect('/');
        return res.render('player', {video: data });
    });
});

現在，我想用加載此播放器布局時傳遞的視頻數據來運行這段JS代碼。

const playVideo = (video) => {
  window.location = 'http://localhost:8080/video/'+id;



     const conf = {
        key: '',
        source: {
          dash: video.dashSrc,
          hls: video.hlsSrc,
          progressive: video.videoSrc,
          poster: video.thumbSrc,
        },

      };

      const player = bitmovin.player('my_player');

      player.setup(conf).then(() => {
        player.play();
      });
      };

Answer 1

您可以在呈現的“玩家”模板上使用立即調用的函數表達式（IIFE），以檢查是否已傳遞數據，然后執行所需的函數。

(function() {
  const playVideo = (video) {...}

  if (video !== undefined) { playVideo(video); }
}());