视频解析工具 - 在线提取视频链接，快速复制
在线视频解析工具 - 快速提取并复制视频链接/n/n本工具可以帮助您快速提取视频链接并复制到剪贴板。/n/n### 使用方法/n/n1. 在输入框中输入您想要解析的视频链接。/n2. 点击“解析”按钮。/n3. 解析完成后，解析后的链接会显示在下方。/n4. 点击“复制链接”按钮，即可将解析后的链接复制到剪贴板。/n/n### 代码示例/n/nHTML 代码：/n/nhtml/n<!DOCTYPE html>/n<html>/n<head>/n/t<title>视频解析</title>/n/t<meta charset='utf-8'>/n/t<meta name='viewport' content='width=device-width, initial-scale=1.0'>/n/t<link rel='stylesheet' href='style.css'>/n/t<script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>/n/t<script src='script.js'></script>/n</head>/n<body>/n/t<div class='container'>/n/t/t<h1>解析视频链接</h1>/n/t/t<div class='form-group'>/n/t/t/t<label for='url'>输入视频链接：</label>/n/t/t/t<input type='text' id='url' name='url' class='input' placeholder='请输入视频链接'>/n/t/t/t<button id='clear' class='btn btn-secondary'>清除</button>/n/t/t</div>/n/t/t<button id='submit' class='btn btn-primary'>解析</button>/n/t/t<div class='result'>/n/t/t/t<p><strong>解析中，请稍等<span class='dots'>...</span></strong></p>/n/t/t</div>/n/t/t<div class='actions'>/n/t/t/t<button id='copy' class='btn btn-secondary' style='display: none;'>复制链接</button>/n/t/t</div>/n/t</div>/n</body>/n</html>/n/n/nCSS 样式：/n/ncss/n.container {/n/tmax-width: 600px;/n/tmargin: 0 auto;/n/tpadding: 20px;/n/tbackground-color: #f1f1f1;/n/tborder-radius: 10px;/n/tbox-shadow: 0 5px 10px rgba(0,0,0,0.1);/n}/n/nh1 {/n/ttext-align: center;/n/tmargin-bottom: 30px;/n/tcolor: #333;/n}/n/n.form-group {/n/tmargin-bottom: 20px;/n/tposition: relative;/n}/n/nlabel {/n/tdisplay: block;/n/tmargin-bottom: 5px;/n/tcolor: #333;/n}/n/n.input {/n/twidth: 100%;/n/tpadding: 10px;/n/tborder: none;/n/tborder-radius: 5px;/n/tbackground-color: #e1e1e1;/n/tfont-size: 16px;/n/tcolor: #333;/n}/n/n.btn {/n/tpadding: 10px 20px;/n/tborder: none;/n/tborder-radius: 5px;/n/tbackground-color: #007bff;/n/tcolor: #fff;/n/tfont-size: 16px;/n/tcursor: pointer;/n}/n/n.btn:hover {/n/tbackground-color: #0069d9;/n}/n/n.btn-secondary {/n/tbackground-color: #6c757d;/n}/n/n.btn-secondary:hover {/n/tbackground-color: #5a6268;/n}/n/n.result {/n/tmargin-top: 30px;/n/tpadding: 20px;/n/tborder-radius: 5px;/n/tdisplay: none;/n/tbackground-color: #fff;/n/tbox-shadow: 0 5px 10px rgba(0,0,0,0.1);/n/tmax-width: 100%;/n/tword-break: break-all;/n/tposition: relative;/n}/n/n.result p {/n/tmargin-bottom: 10px;/n}/n/n.result a {/n/tcolor: #007bff;/n}/n/n.dots {/n/tanimation: blink 1.2s infinite;/n}/n/n.actions {/n/tmargin-top: 20px;/n/tdisplay: flex;/n/talign-items: center;/n/tjustify-content: flex-end;/n}/n/n@keyframes blink {/n/t0% {/n/t/topacity: 0;/n/t}/n/t50% {/n/t/topacity: 1;/n/t}/n/t100% {/n/t/topacity: 0;/n/t}/n}/n/n/nJavaScript 代码：/n/njavascript/n$(document).ready(function() {/n $('#submit').click(function() {/n var url = $('#url').val().trim();/n if (url == '') {/n alert('请输入视频链接');/n return false;/n } else if (!isValidUrl(url)) {/n alert('请输入有效的视频链接');/n return false;/n }/n var api_url = 'https://ovoa.cc/api/Tencent_live.php?url=' + url;/n $('.result').html('<p><strong>解析中，请稍等<span class='dots'>...</span></strong></p>').show();/n $('#copy').hide();/n $.get(api_url, function(data) {/n if (data.code == 200) {/n $('.result').html('<p><strong>解析结果：</strong></p><p><a href=' + data.url + '>' + data.url + '</a></p>');/n $('#copy').show();/n } else {/n $('.result').html('<p><strong>解析失败：</strong>' + data.msg + '</p>');/n }/n }).fail(function() {/n $('.result').html('<p><strong>请求失败：</strong>请稍后再试</p>');/n });/n $(this).prop('disabled', true);/n });/n/n $('#clear').click(function() {/n $('#url').val('');/n $('.result').hide();/n $('#copy').hide();/n });/n/n $('#copy').click(function() {/n var url = $('.result a').attr('href');/n if (url) {/n navigator.clipboard.writeText(url);/n }/n });/n/n function isValidUrl(url) {/n var pattern = /^(http|https):////[a-zA-Z0-9/-/.]+/.[a-zA-Z]{2,}(///S*)?$/;/n return pattern.test(url);/n }/n/n if (!navigator.clipboard) {/n $('#copy').prop('disabled', true);/n }/n});/n/n/n### 注意/n/n* 以上代码仅供参考，实际使用时可能需要根据您的需求进行调整。/n* 本工具使用第三方 API 进行解析，请确保您使用的 API 符合相关法律法规。/n* 本工具仅供学习和研究使用，请勿用于任何非法目的。/n
原文地址: https://www.cveoy.top/t/topic/mDBl 著作权归作者所有。请勿转载和采集!