Fatal编程技术网
  • next.js/
  • Next.js Azure Media Player警告：预期服务器HTML包含匹配的<；视频>；在<；部门>；

Next.js Azure Media Player警告：预期服务器HTML包含匹配的<；视频>；在<；部门>；

next.js

Next.js Azure Media Player警告：预期服务器HTML包含匹配的<；视频>；在<；部门>；,next.js,server-side-rendering,azure-media-services,Next.js,Server Side Rendering,Azure Media Services,在我的Next.js应用程序中，我想将媒体播放器嵌入Azure媒体服务。 我在文档中遵循了设置过程： 1.在自定义头部组件中添加了这2个标记 <link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet" /> <script src= "//amp.azure.net/libs/am

在我的Next.js应用程序中，我想将媒体播放器嵌入Azure媒体服务。 我在文档中遵循了设置过程：

1.在自定义头部组件中添加了这2个标记 
<link href="//amp.azure.net/libs/amp/latest/skins/amp-default/azuremediaplayer.min.css" rel="stylesheet" />
<script src= "//amp.azure.net/libs/amp/latest/azuremediaplayer.min.js"></script>
  • 将此视频标签粘贴到页面中

    • 但是，媒体播放器不工作，我在控制台中遇到这个错误

    Warning: Expected server HTML to contain a matching <video> in <div>.

    警告：服务器HTML中应包含匹配的。
    我想这和SSR有关。。我该如何处理这个问题？

    我想你可以用它来解决这个问题

    在反应中，你可以。在阅读了答案之后，我想我们也可以通过
    浏览器路由器
    来解决这个问题。我想你可以用它来解决这个问题
    

    在反应中，你可以。在阅读了答案之后，我想我们也可以通过
    BrowserRouter
    找到问题所在。你可以参考这篇文章，希望能对你有所帮助。你可以参考这篇文章，希望能对你有所帮助。