📜  语义UI |嵌入

📅  最后修改于: 2021-08-29 12:09:54             🧑  作者: Mango

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

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

示例 1:

这个例子嵌入了 Youtube。

jQuery:

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

完整代码:



  

    Semantic UI
    
  
    
  
    

  

    
        
        
    
              

输出:

示例 2:

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

jQuery代码:

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


  

    Semantic UI
  
    
      
    
      
    

  

    
        
    
              

输出: