html - 将变量从谷歌脚本传递到 html

Question

我正在尝试根据电子表格中生成的随机数播放视频。由于 google 表格不允许您直接嵌入 youtube 视频，我正在尝试通过自定义对话框来完成。

这是我目前所拥有的:

谷歌脚本代码

    var PlayDes = sheet.getRange('g2').getValue();
    GameSheet.getRange('D4').setValue(TotYds1)
     var html = HtmlService.createHtmlOutputFromFile('Youtube')
        .setWidth(560)
        .setHeight(315);
    SpreadsheetApp.getUi() 
       .showModalDialog(html, PlayDes);

那么HTML代码是:

    <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/7WSQGD874Yc?start=8&end=18" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<input type="button" value="Close" onclick="google.script.host.close()" />

我希望根据从电子表格中的单元格 G2 提取的值更改 html 代码中的视频 URL。

Answer 1

感谢@JSmith 的帮助，这是我找到的解决方案...谷歌脚本端

 function retrieveValue(){
  spreadsheet = SpreadsheetApp.openById('sheet ID')
  sheet = spreadsheet.getSheetByName('Data')
  var PlayDes = sheet.getRange('g2').getValue();
 return (sheet.getRange('g2').getValue());

然后在html端

<script>
  //*********************************** retrieve the URL from spreadsheet**********************************
var myValue
  function Vidurl(value)
  {
   myValue=value
   document.write('<iframe width="560" height="315" src= '+myValue+' frameborder="0" allow="autoplay; encrypted-media" allowfullscreen><\/iframe>');
  }
  google.script.run.withSuccessHandler(Vidurl).retrieveValue(); 
</script>

我遇到的一个问题是浏览器不喜欢我的脚本并将其标记为危险脚本，然后我不得不越过它。