HTML嵌入flowplayer视频不显示仅可跳转打开问题求助

尝试用Flowplayer脚本在HTML里嵌入视频，路径和脚本都配置了，但页面上看不到视频，点击后直接跳转到新窗口打开视频。按教程操作后出现这个问题，请问问题出在哪？

代码如下：

<main>
  <div class="wrapper">
    <section class="intro">
      <div class="intro-wrap text-intro-wrap">
        <h1 class="title">ПОБЕждай с нами</h1>
        <p class="under-title-text">Присоединяйся к команде ПОБЕДителей.</p>
        <a href="https://xn--80aaadiigoj9aqmm.xn--p1ai/%D0%B2%D0%B0%D0%BA%D0%B0%D0%BD%D1%81%D0%B8%D0%B8/?occupation=%D0%9E%D1%84%D0%B8%D1%81" class="standard-button red-button">Хочу в команду ПОБЕДителей!</a>
      </div>
      <div class="intro-wrap">
        <a href="video/video.mp4" style="display: block; width: 300px; height: 200px;" id="player"></a>
        <script type="text/javascript">
          flowplayer("player", "flowplay/flowplayer.swf");
        </script>
      </div>
    </section>
  </div>

相关截图：

• 核心问题：你用<a>标签作为播放器容器，<a>本身是跳转链接，点击必然触发跳转；而且Flowplayer需要普通容器（如<div>）来挂载播放器，而非链接标签。
• 修复代码：
  1. 替换容器标签：把<a>改成<div>，保留原样式和id：

     <div style="display: block; width: 300px; height: 200px;" id="player"></div>
     

  2. 初始化时关联视频：原代码只加载了播放器SWF，没指定要播放的视频，补充视频地址配置：

     flowplayer("player", "flowplay/flowplayer.swf", {
       clip: {
         url: "video/video.mp4"
       }
     });
     

• 额外注意事项：
  • 检查flowplay/flowplayer.swf的路径是否正确，浏览器F12控制台如果出现404错误，说明路径写错了。
  • 你用的是依赖Flash的旧版Flowplayer，现在主流浏览器已经彻底禁用Flash，建议改用Flowplayer的HTML5版本，避免兼容性问题。

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