wordpress插入b站视频

  • A+
所属分类:建站
摘要

网站支持b站视频

选中当前主题→自定义样式→插入代码→文章插入html

wordpress插入b站视频

代码如下:

  1. .smartideo { z-index: 0; text-align: center; background: #CCC; line-height: 0; text-indent: 0; }    
  2. .smartideo embed, .smartideo iframe { padding: 0; margin: 0; }    
  3. .smartideo .player { width: 100%; height: 500px; overflow: hidden; position: relative; }    
  4. .smartideo .player a.smartideo-play-link { display: block; width: 50px; height: 50px; text-decoration: none; border: 0; position: absolute; left: 50%; top: 50%; margin: -25px; }    
  5. .smartideo .player a.smartideo-play-link p { display: none; }    
  6. .smartideo .player .smartideo-play-button { width: 0; height: 0; border-top: 25px solid transparent; border-left: 50px solid #FFF; border-bottom: 25px solid transparent; }    
  7. .smartideo .tips { background: #f2f2f2; text-align: center; max-height: 32px; line-height: 32px; font-size: 12px; }    
  8. .smartideo .tips a { text-decoration: none; }    
  9.      
  10. @media screen and (max-width:959px){    
  11.     .smartideo .player { height: 450px; }    
  12. }    
  13. @media screen and (max-width:767px){    
  14.     .smartideo .player { height: 400px; }    
  15. }    
  16. @media screen and (max-width:639px){    
  17.     .smartideo .player { height: 350px; }    
  18. }    
  19. @media screen and (max-width:479px){    
  20.     .smartideo .player { height: 250px; }    
  21. }    

效果预览

weinxin
我的微信
这是我的微信扫一扫

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: