zoukankan      html  css  js  c++  java
  • 博客常用代码

    • 网页嵌入

      <p style="position: relative; padding: 30% 45%; text-align: left;">&nbsp;</p>
      <div style="position: relative; padding: 30% 45%;"><iframe style="position: absolute;  100%; height: 100%; left: 0; top: 0;" src="http://1230.la/" frameborder="no" scrolling="no" width="320" height="240"></iframe></div>

      demo

    • 音频嵌入(支持嗅探电台)

      <audio width="300" height="32" controls="controls" autoplay="autoplay"><source src="https://lhttp.qingting.fm/live/1007/64k.mp3" type="audio/mp3" /> Your browser does not support the <img src="https://common.cnblogs.com/editor/tiny_mce/themes/advanced/img/trans.gif" class="mceItemMedia mceItemAudio" width="300" height="32" data-mce-json="{'video':{'attrs':{},'sources':[]},'params':{},'video_html':' element. ','hspace':null,'vspace':null,'align':null,'bgcolor':null}" /> </audio>

      demo

    • 视频嵌入 

      <div style="position: relative; padding: 30% 45%;"><iframe style="position: absolute;  100%; height: 100%; left: 0; top: 0;" src="https://player.bilibili.com/player.html?aid=62035292&amp;bvid=BV19t411u7rL&amp;cid=107848905&amp;as_wide=1&amp;high_quality=1&amp;danmaku=0" frameborder="no" scrolling="no" width="320" height="240"></iframe></div>

             demo

    • 夜间模式
      script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
      <script>
        function addDarkmodeWidget() {
          new Darkmode().showWidget();
        }
        window.addEventListener('load', addDarkmodeWidget);
      </> 

    以上改src指向链接即可,音频嵌入还需要改格式。

  • 相关阅读:
    shell脚本100例、练习使用
    shell基础编程
    mysql基础理论知识
    Docker 基础
    python基础之类(面向对象编程)
    python基础之函数
    python基础之认知及编码
    python基础之数据类型
    python基础之注意事项
    1.linux使用基础
  • 原文地址:https://www.cnblogs.com/Guoxing60239320/p/13753704.html
Copyright © 2011-2022 走看看