如何在 Visual Studio Code 中以 HTML 预览显示视频和音频

Aus*_*tin 5 preview html5-video html5-audio atom-editor visual-studio-code

当我在代码中使用 HTML5 视频和音频标签时,当我在浏览器中加载文件时会出现视频和音频。当我在 Atom 中使用 HTML 预览包时,它们也会出现,但是,当我使用 Visual Studio Code 和 HTML 预览扩展时,它们会显示为灰色并且不具有交互性。

Visual Studio Code 预览的底部有一条消息:

Some content has been disabled in this document
Run Code Online (Sandbox Code Playgroud)

当我将鼠标悬停在消息上时,我会看到一个工具提示

Potentially unsafe or insecure content has been disabled in the HTML Preview. Change the HTML preview security setting to allow insecure content or enable scripts.
Run Code Online (Sandbox Code Playgroud)

我在命令面板中找到了“HTML:更改预览安全设置”选项,但是,更改安全设置没有引起任何变化。视频和音频仍然是灰色的。

我是 Visual Studio Code 的新手,预览不是浏览器中的真实版本,这很烦人。

在 Visual Studio 代码中: 在 Visual Studio 代码中

在原子中: 在原子中

还有其他人遇到过这个问题吗?有人知道这是为什么吗?

小智 4

我知道有点晚了,但也遇到了同样的问题。安全设置菜单出现在主窗口的最右上角,并有 3 个点作为图标。单击菜单可打开 html 预览安全选项。请参阅附图。

在此输入图像描述