📜  幽灵媒体

📅  最后修改于: 2022-05-13 01:56:17.715000             🧑  作者: Mango

幽灵媒体

Spectre Media组件包括响应式图像、图形和视频类。 Spectre 媒体共有三个类别, Spectre Media Image用于使图像具有响应性,我们需要在元素中添加img-responsive类。 Spectre Media Figure用于为带有标题的图像制作元素

,而Spectre Media Video用于操纵我们必须使用其他类的视频比例。默认比例为16:9 。可以在容器内插入任何 YouTube、优酷或其他 iframe/嵌入视频。

幽灵媒体类型:

  • 幽灵媒体图片: 此类用于使图像响应。
  • 幽灵媒体图: 此类用于为图像提供标题。
  • 幽灵媒体视频: 它类用于操作视频配给。

句法:

...

以下示例说明了Spectre 媒体:

示例 1:在此示例中,我们将使用媒体图像和图形。

HTML


  

    
    
    
    

  

    
        

GeeksforGeeks

        SPECTRE Media         

        
                         
                GeekWeek             
        
    
  


HTML


  

    
    
    
    

  

    
        

GeeksforGeeks

        SPECTRE Media Video         

           
                     
    
  


输出:

幽灵媒体

幽灵媒体

示例 2:在此示例中,我们将使用 Spectre Media 视频。

HTML



  

    
    
    
    

  

    
        

GeeksforGeeks

        SPECTRE Media Video         

           
                     
    
  

输出:

幽灵媒体

幽灵媒体

参考: https://picturepan2.github.io/spectre/elements/media.html