代码之家  ›  专栏  ›  技术社区  ›  Muhammed Ozdogan

如何在Angular中使用MediaElement

  •  0
  • Muhammed Ozdogan  · 技术社区  · 5 年前

    我正在尝试在 <video> 标签。

    我跑了 npm install mediaelement

    媒体组件.html

    <video width="640" height="360" id="mediaPlayer" #mediaPlayer preload="none">
        <source type="video/youtube" src="http://www.youtube.com/watch?v=nOEw9iiopwI" />
    </video>
    

    import * as MediaElementPlayer from 'mediaelement'; // How to import it?
    
    @Component({
      selector: 'app-media',
      templateUrl: './media.component.html',
      styleUrls: ['./media.component.css']
    })
    
    export class MediaComponent implements OnInit, AfterViewInit, OnDestroy {
    
      //...
      @ViewChild('mediaPlayer') mediaPlayerElement: ElementRef;
      public mediaPlayer;
    
    
      ngAfterViewInit() {
        //..
        this.loadMediaPlayer();
      }
    
      loadMediaPlayer() {
        this.mediaPlayer = new  
                MediaElementPlayer(this.mediaPlayerElement.nativeElement);
      }
    }
    
    

    我怎么用 MediaElementJs

    注:这是如此有趣,有关于ReactJs的文档 the official page 但对我来说,没什么。

    1 回复  |  直到 5 年前
        1
  •  2
  •   Julian Lin    5 年前

    你应该在 main.ts

    import 'mediaelement';
    

    然后您应该将它与下面的声明一起使用。

    declare var MediaElementPlayer;