🔗 如何在网站中嵌入视频播放器

方法一：iframe 嵌入

最简单的方式是使用 iframe 直接嵌入播放页面：

<iframe 
  src="https://m3u8player.org/?url=你的视频链接"
  width="100%" 
  height="500" 
  frameborder="0" 
  allowfullscreen>
</iframe>

方法二：HTML5 Video 标签

<video 
  id="myVideo" 
  controls 
  width="100%" 
  height="360"
  playsinline
  webkit-playsinline>
  <source src="your-video.mp4" type="video/mp4">
</video>

方法三：JavaScript SDK

使用 TCPlayer 等 SDK 可以更好地控制播放体验：

<script src="tcplayer.v5.x.x.min.js"></script>
<div id="player-container"></div>
<script>
  var player = TCPlayer('player-container', {
    sources: [{
      src: 'your-m3u8-url'
    }],
    licenseUrl: 'your-license-url'
  });
</script>

方法四：视频平台嵌入

YouTube、Vimeo 等平台提供分享代码：

<iframe 
  width="560" 
  height="315" 
  src="https://www.youtube.com/embed/视频ID" 
  frameborder="0" 
  allowfullscreen>
</iframe>

注意事项

• 确保视频服务器正确配置 CORS 头
• 移动端添加 playsinline 属性
• 考虑响应式设计适配不同屏幕
• 提供清晰的错误处理和加载提示