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指向链接即可,音频嵌入还需要改格式。

  • 相关阅读:
    ndk-build:command not found
    Linux shell 之 sed 命令详解 第三部分
    Linux shell 之 sed 命令详解 第二部分
    Linux shell 之 sed 概述
    Linux shell 之 sed 命令详解 第一部分
    git 如何撤销 commit (未 push)
    如何在 ubuntu 系统上安装 jdk
    Ubuntu 16.04.06(32位)安装samba--“”拒绝访问”
    Ubuntu 安装 vim、ssh、samba
    OC中block对于变量的捕获
  • 原文地址:https://www.cnblogs.com/Guoxing60239320/p/13753704.html
Copyright © 2011-2022 走看看