在网站上托管视频
Hosting video on website
我在 aws 上托管一个网站,我正在使用 jekyll 编写它。我想要 post 我创建的视频(不是从 youtube 嵌入)。现在我有一个单独的视频布局 posting,其中我有:
在我实际 post 的前言中,我包含以下行:video_source: "simvids/10-mites-random-shades-5x5.webm"
simvids 目录与 _site、_layouts 和 _posts 目录位于同一文件夹中。加载视频的框架,但不加载视频本身。这使我认为视频标签不是问题,但我没有正确地指向视频。我的 simvids 目录放错地方了吗?错误是否更微妙?
<video width="480" height="360" controls>
<source src="{{ page.video_source | absolute_url }}" type="video/webm">
</video>
非常感谢。
我个人使用Cloudinary。我发现这可以满足我的大部分 CDN 需求,而且大部分是免费的。非常适合视频和图像,适用于文件系统。我还使用 compressor.io 缩小我的图像,并使用 Advanced Video Compressor 压缩视频的文件大小。
这是我的视频嵌入代码:
<video class="videoSpotlight" src="https://res.cloudinary.com/cloudinarylinkhere" controls></video>
希望对您有所帮助
我猜你忘记了 absolute_url
过滤器。您的视频标签看起来像这样吗?
<video class="yourClass" src="{{ page.video_source | absolute_url }}" controls></video>
如果不是post,那么我们就可以知道出了什么问题。
我在 aws 上托管一个网站,我正在使用 jekyll 编写它。我想要 post 我创建的视频(不是从 youtube 嵌入)。现在我有一个单独的视频布局 posting,其中我有:
在我实际 post 的前言中,我包含以下行:video_source: "simvids/10-mites-random-shades-5x5.webm"
simvids 目录与 _site、_layouts 和 _posts 目录位于同一文件夹中。加载视频的框架,但不加载视频本身。这使我认为视频标签不是问题,但我没有正确地指向视频。我的 simvids 目录放错地方了吗?错误是否更微妙?
<video width="480" height="360" controls>
<source src="{{ page.video_source | absolute_url }}" type="video/webm">
</video>
非常感谢。
我个人使用Cloudinary。我发现这可以满足我的大部分 CDN 需求,而且大部分是免费的。非常适合视频和图像,适用于文件系统。我还使用 compressor.io 缩小我的图像,并使用 Advanced Video Compressor 压缩视频的文件大小。
这是我的视频嵌入代码:
<video class="videoSpotlight" src="https://res.cloudinary.com/cloudinarylinkhere" controls></video>
希望对您有所帮助
我猜你忘记了 absolute_url
过滤器。您的视频标签看起来像这样吗?
<video class="yourClass" src="{{ page.video_source | absolute_url }}" controls></video>
如果不是post,那么我们就可以知道出了什么问题。