搜索到
8
篇与
测试
的结果
-
typecho内嵌B站视频 第一步 在主题的自定义CSS里面加入以下代码/*视频挂载*/ .iframe_video { position: relative; width: 100%; } @media only screen and (max-width: 767px) { .iframe_video { height: 15em; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .iframe_video { height: 20em; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .iframe_video { height: 30em; } } @media only screen and (min-width: 1200px) { .iframe_video { height: 40em; } } .iframe_cross { position: relative; width: 100%; height: 0; padding-bottom: 75% } .iframe_cross iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0 }第二步 将原来的内嵌代码插入 class="iframe_video"<iframe src="//player.bilibili.com/player.html?aid=81707180&bvid=BV1NJ41187Vx&cid=139804096&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>改为<iframe class="iframe_video" src="//player.bilibili.com/player.html?aid=81707180&bvid=BV1NJ41187Vx&cid=139804096&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>这样就可以将原来PC端较小的窗口更改为比较适合观看的大小 -
-
