如何用HTML嵌入Imgur帖子？内置视频嵌入功能失效求助

先看你提供的Imgur内置嵌入代码：

<blockquote class="imgur-embed-pub" lang="en" data-id="a/AutqEKM"  ><a href="//imgur.com/a/AutqEKM">lego robotics robot built</a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>

针对视频嵌入无显示的问题，给你几个可行的解决办法：

• 修正链接协议：代码里用的是//相对协议，部分网站环境下可能导致资源加载失败。把所有相对协议改成明确的https://，修改后的代码如下：

  <blockquote class="imgur-embed-pub" lang="en" data-id="a/AutqEKM"  ><a href="https://imgur.com/a/AutqEKM">lego robotics robot built</a></blockquote><script async src="https://s.imgur.com/min/embed.js" charset="utf-8"></script>
  

• 直接用HTML5视频标签嵌入：如果相册嵌入脚本对视频支持不佳，直接提取视频直链用<video>标签嵌入更稳定：

  1. 打开你的Imgur帖子，找到视频后右键复制视频的直接链接（或者查看页面源码，找到.mp4结尾的地址）。
  2. 用以下代码替换原嵌入代码，把[视频ID]换成你视频的实际ID：

     <video controls width="640" height="360">
       <source src="https://i.imgur.com/[视频ID].mp4" type="video/mp4">
       你的浏览器不支持HTML5视频播放
     </video>
     

• 调整脚本加载时机：异步脚本可能在页面元素渲染完成前就加载完毕，导致找不到目标blockquote。可以把脚本放到页面底部（</body>标签之前），或者用代码监听页面加载完成后再引入脚本：

  <blockquote class="imgur-embed-pub" lang="en" data-id="a/AutqEKM"  ><a href="https://imgur.com/a/AutqEKM">lego robotics robot built</a></blockquote>
  <script>
    window.addEventListener('load', function() {
      const embedScript = document.createElement('script');
      embedScript.src = 'https://s.imgur.com/min/embed.js';
      embedScript.charset = 'utf-8';
      embedScript.async = true;
      document.body.appendChild(embedScript);
    });
  </script>
  

• 查看控制台报错：按F12打开浏览器开发者工具，切换到「控制台」标签，看看有没有资源加载失败、跨域权限之类的报错，根据提示针对性解决。

内容的提问来源于stack exchange，提问作者lilsolar