Video Tag in Elektron

Question

Ich versuche Videos (mp4) in einem mit Electron geladenen Fenster zu spielen. Sonderbare Sache: Es funktioniert gut mit nur einem Video, mit den anderen zeigt es einen schwarzen Bildschirm. Der einzige Unterschied zwischen allen Videos ist ihre Breite und Höhe (spielt das eine Rolle?). Auch in einem Browserfenster spielen alle Videos gut.

Hier ist der Code, der Fenster in Elektronen laden:

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; 
}); 
}); 

Die Videos url sind einfach zu einem Video-Tag in einem JS-Skript wie dieses kann ich, warum der Browser nicht verstehen

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

gegeben spiele jedes Video, aber das Elektronenfenster kann nicht ... Vielen Dank im Voraus

Answer 1

Ummm hey. Ich habe gerade gesehen, dass der Anfang Ihrer URL-Eigenschaft für das Video-Tag außerhalb der Anführungszeichen steht. Was Sie haben:

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

Was sollten Sie haben:

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

Haben Sie versucht, das zu ändern? Bleiben Sie hell; mach weiter Elektronen. Ich bin ein großer Fan davon und sehe sein Potenzial für zukünftige Desktop-Anwendungen.

HINWEIS: Ich bin mir auch nicht sicher, was Ihre CORS-Einstellungen sind oder irgendetwas, aber wenn es versucht, Videos lokal zu laden, kann es Sie nicht lassen.