文章/答案/技术大牛

发布

社区首页 >问答首页 >HTML流的角属性

问HTML流的角属性
EN

Stack Overflow用户

提问于 2019-05-22 09:40:19

回答 1查看 683关注 0票数 0

我正在尝试添加一个视频从cloudflare流到我的网站。cloudflare提供的代码在html中运行，但当我将代码粘贴到角项目的html组件中时。我搞错了-

错误:模板解析错误：“流”不是已知的元素: 1.如果“流”是一个角分量，那么验证它是这个模块的一部分。2.允许任何元素在该组件的“NO_ERRORS_SCHEMA”中添加“@NgModule.schemas”。(“错误->”

在html中工作的代码如下所示

    <stream src="6aaee8579a7a************" autoplay muted preload></stream>
    <script data-cfasync="false" defer="" type="text/javascript" src="https://embed.cloudflarestream.com/embed/r4xu.fla9.latest.js?video=6aaee8579a7a************"></script>

现在这真的是一个POC，我自己也不知道角，只是试着学习。有人能告诉我正确的材料，我应该调查，以分类吗？

angular

video-streaming

cloudflare

cloudflarestream

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-05-22 10:45:08

可以执行以下步骤将cloudflare流添加到角组件中：

1。将流标记添加到所需组件中。

app.component.html

<stream src="5d5bc37ffcf54c9b82e996823bffbb81" controls></stream>

2。现在，您的AppModule (假设您的组件属于AppModule)应该如下所示：

app.module.ts

import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { HelloComponent } from './hello.component';

@NgModule({
  imports:      [ BrowserModule, FormsModule ],
  declarations: [ AppComponent, HelloComponent ],
  schemas: [ NO_ERRORS_SCHEMA ], // <- You need to add this line
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

3。现在将cloudflare javascript库添加到您的index.html中

<html>
  <body>
    <my-app>loading</my-app>
  </body>

  <script src="https://embed.cloudflarestream.com/embed/r4xu.fla9.latest.js" id="video_embed" defer="" async=""></script>  
</html>

您可以找到工作的stackblitz演示这里。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56253809

复制

相似问题

问HTML流的角属性
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML流的角属性EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML流的角属性
EN