电子中的视频标签

Question

我正在尝试在装有 Electron 的窗口中播放视频 (mp4)。 奇怪的事情：它只适用于一个视频，而其他视频则显示黑屏。所有视频之间的唯一区别是它们的宽度和高度（这有关系吗？）。此外，在浏览器窗口中，所有视频都可以正常播放。

这是在电子中加载窗口的代码：

let mainWindow;
let playerWindow;


app.on('window-all-closed', function() {
  if (process.platform != 'darwin') {
    app.quit();
  }
});

app.on('ready', function() {
  mainWindow = new BrowserWindow({
  title: 'MasterGameApp',
  x: 910,
  y: 500,
  width: 800,
  height: 460,
  show: true,
  resizable: false,
  transparent: false
});

playerWindow = new BrowserWindow({
  title: 'playerView',
  x: 2250,
  y: 50,
  width: 1005,
  height: 540,
  show: true,
  transparent: false,
  fullscreen : true
});

mainWindow.loadURL('http://localhost:8889');
mainWindow.setMenuBarVisibility(false);
mainWindow.setAutoHideMenuBar(true);
playerWindow.loadUrl('http://localhost:8889/playerView');
playerWindow.setMenuBarVisibility(false);
playerWindow.setAutoHideMenuBar(true);

mainWindow.on('closed', function() {
  playerWindow.close();
  playerWindow = null;
  mainWindow = null;
});
});

视频 url 被简单地提供给 JS 脚本中的视频标签，例如 $('#someDiv').append('<video id=\'backgroundvid\' autoplay><source src=\''+ content +'\' type=\'video/mp4\'></video>');

我不明白为什么浏览器可以播放每个视频但电子窗口不能...提前谢谢

Answer 1

嗯，嘿。我刚刚看到视频标签的 URL 属性的开头是用引号引起来的。 你有什么：

$('#someDiv').append('<video id=\'backgroundvid\' autoplay><source src=\''+ content +'\' type=\'video/mp4\'></video>');

你应该拥有的：

$('#someDiv').append('<video id=\'backgroundvid\' autoplay><source src=&quot;\''+ content +'\' type=\'video/mp4\'&quot;></video>');

你试过改变吗？ 保持点亮；继续做电子。我是它的忠实粉丝，并且可以看到它在未来桌面应用程序中的潜力。 ???

注意：另外，我不确定你的 CORS 设置是什么或什么，但如果它试图在本地加载视频，它可能不会让你。