幽灵媒体
Spectre Media组件包括响应式图像、图形和视频类。 Spectre 媒体共有三个类别, Spectre Media Image用于使图像具有响应性,我们需要在元素中添加img-responsive类。 Spectre Media Figure用于为带有标题的图像制作元素 ,而Spectre Media Video用于操纵我们必须使用其他类的视频比例。默认比例为16:9 。可以在容器内插入任何 YouTube、优酷或其他 iframe/嵌入视频。
幽灵媒体类型:
- 幽灵媒体图片: 此类用于使图像响应。
- 幽灵媒体图: 此类用于为图像提供标题。
- 幽灵媒体视频: 它类用于操作视频配给。
句法:
以下示例说明了Spectre 媒体:
示例 1:在此示例中,我们将使用媒体图像和图形。
HTML
GeeksforGeeks
SPECTRE Media
HTML
GeeksforGeeks
SPECTRE Media Video
输出:
示例 2:在此示例中,我们将使用 Spectre Media 视频。
HTML
GeeksforGeeks
SPECTRE Media Video
输出:
参考: https://picturepan2.github.io/spectre/elements/media.html