喜欢的拿去改改吧

image.png
image.png
<html lang="zh-cn"> <meta charset="UTF-8"><head>   <style type="text/css">     .wiui01 {      width: 100%;      height: 645px;      border-radius: 5px;    }    @media screen and (max-width: 768px) {      .wiui01 {        width: 100%;        height: 200px;      }    }    .input-group-addon {      padding: 6px 12px;      font-size: 14px;      font-weight: 400;      line-height: 1;      color: #555;      text-align: center;      background-color: #eee;      border-radius: 4px;      border: #ccc;    }    #notice {      font-size: 16px;      font-weight: 500;      margin: 20px 0;      border: 2px solid #666;      border-radius: 5px;      background-color: #f5f5f5;      padding: 10px;    }    #notice p {      margin: 0;      padding: 5px 0;    }    .button-container {      display: flex;      flex-direction: row;      justify-content: space-between;      align-items: center;      margin: 20px 0;    }    .button-container button {      padding: 10px;      font-size: 18px;      font-weight: 500;      color: #fff;      border-radius: 5px;      border: none;      cursor: pointer;    }    .button-container button:hover {      opacity: 0.8;    }    #parse {      background-color: #5bc0de;    }    #play {      background-color: #f0ad4e;    }    .btn:hover {      opacity: 0.8;    }    #parse {      background-color: #5bc0de;      margin-right: 10px;    }    #play {      background-color: #f0ad4e;    }    /* 小屏幕适应 */    @media (max-width: 768px) {      .form-control,      .input-group-addon,      .btn {        font-size: 14px;        padding: 8px 16px;      }      .btn {        margin: 10px 0 0;      }      #parse {        margin-bottom: 10px;      }  }  </style>   <script type="text/javascript">    eval(function(p,a,c,k,e,d){      e=function(c){        return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36));      };      if(!''.replace(/^/,String)){        while(c--) d[e(c)]=k[c]||e(c); k=[function(e){return d[e]}]; e=function(){return'\\w+'};        c=1;      }      while(c--) if(k[c]) p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);      return p;    }('b a(){0 6=1.2("9").4;0 5=1.2("3");0 3=1.2("3").c;0 8=5.e[3].4;0 7=1.2("f");7.d=8+6}',16,16,'var|document|getElementById|jk|value|jkurl|diz|cljurl|jkv|url|dihejk|function|selectedIndex|src|options|player'.split('|'),0,{}))    function dihejk2() {      var diz = document.getElementById("url").value;      var jkurl = document.getElementById("jk");      var jk = document.getElementById("jk").selectedIndex;      var jkv = jkurl.options[jk].value;      var cljurl = document.getElementById("player");      window.open(jkv + diz,"_blank");    }  </script> </head> <body>  <div class="container">    <div class="row">      <div class="col-md-12">        <div id="kj"><iframe class="wiui01" src="https://blog.xjuzi.cn/ysjx.html" style="background-color: black;" id="player" allowtransparency="true" allowfullscreen="true" frameborder="0" scrolling="no" name="player" controls></iframe>        </div>      </div>    </div>    <div class="row">      <div class="col-md-12">        <div class="input-group">          <span class="input-group-addon">选择接口</span>          <select class="form-control" id="jk">            <option value="https://www.8090g.cn/?url=">80解析</option>            <option value="https://www.8090g.cn/jiexi/?url=">8090解析</option>            <option value="https://jx.m3u8.tv/jiexi/?url=">无加密无广告</option>          </select>        </div>        <div class="input-group">          <span class="input-group-addon">播放地址</span>          <input class="form-control" type="search" placeholder="电脑使用Ctrl+V粘贴网址-手机直接长按粘贴网址" id="url">        </div>        <div class="button-container">          <button id="parse" type="button" class="btn" onclick="dihejk()">点击开始解析</button>          <button id="play" type="button" class="btn" onclick="dihejk2()">点击全屏播放解析</button>        </div>      </div>    </div>    <div class="row">      <div class="col-md-12">        <div id="notice">          <p>通知:</p>          <p>如果你使用手机观看的话，推荐解析后使用全屏观看！</p>          <p>如果解析接口有广告，请选择更换接口解析！</p>          <p>小橘子之家视频解析接口：3个（状态：正常）</p>          <p>解析失效请及时联系站长更换！</p>          <p>小橘子之家解析是免费使用的，请勿被骗！</p>        </div>      </div>    </div>  </div></body> </html>