语义UI |嵌入

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 来构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可以用来使您的网站看起来更神奇。它使用一个类向元素添加 CSS。

嵌入显示来自其他网站的内容，如 YouTube 视频、Vimeo、谷歌地图等。

示例 1：

这个例子嵌入了 Youtube。

jQuery：

$('.ui.embed').embed();

完整代码：

  

    Semantic UI
    
  
    
    
  
    
    

  

    
        
        
    
      
    
        $('.ui.embed').embed();
    

  

输出：

示例 2：

此示例以编程方式指定详细信息。

jQuery代码：

$('.ui.embed').embed({
    source: 'youtube',
    id: 'JfiKYgfxCPc',
    placeholder: 'https://media.geeksforgeeks.org/wp-content/uploads/20200511124031/image30.png'
});

  

    Semantic UI
  
    
      
    
    
      
    
    

  

    
        
    
      
    
        $('.ui.embed').embed({
            source: 'youtube',
            id: 'JfiKYgfxCPc',
            placeholder:
'https://media.geeksforgeeks.org/wp-content/uploads/20200511124031/image30.png'
        });
    

  

输出：