bingyi/vscode-extension-samples
1
0
Fork 0
mirror of https://github.com/microsoft/vscode-extension-samples.git synced 2026-04-27 16:55:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add mp4

Browse Source
This commit is contained in:
Rob Lourens
2022-08-23 12:30:03 -07:00
parent 2ea630c3ad
commit 8d666425fc
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
webview-sample/src/extension.ts
View File

@ -176,10 +176,12 @@ class CatCodingPanel {
// Local path to css styles
const styleResetPath = vscode.Uri.joinPath(this._extensionUri, 'media', 'reset.css');
const stylesPathMainPath = vscode.Uri.joinPath(this._extensionUri, 'media', 'vscode.css');
const videoPath = vscode.Uri.joinPath(this._extensionUri, 'media', 'test.mp4');
// Uri to load styles into webview
const stylesResetUri = webview.asWebviewUri(styleResetPath);
const stylesMainUri = webview.asWebviewUri(stylesPathMainPath);
const videoUri = webview.asWebviewUri(videoPath);
// Use a nonce to only allow specific scripts to be run
const nonce = getNonce();
@ -193,7 +195,7 @@ class CatCodingPanel {
Use a content security policy to only allow loading images from https or from our extension directory,
and only allow scripts that have a specific nonce.
-->
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src ${webview.cspSource}; img-src ${webview.cspSource} https:; script-src 'nonce-${nonce}';">
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src ${webview.cspSource}; img-src ${webview.cspSource} https:; script-src 'nonce-${nonce}'; media-src ${webview.cspSource} https:;">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@ -206,6 +208,7 @@ class CatCodingPanel {
<img src="${catGifPath}" width="300" />
<h1 id="lines-of-code-counter">0</h1>
<video crossorigin="anonymous" controls src="${videoUri}"></video>
<script nonce="${nonce}" src="${scriptUri}"></script>
</body>
</html>`;