相关疑难解决方法(0)

我有视频src的问题.在源代码中单击我的div(相机)后,我可以看到视频src正在正常更改,但视频没有播放.我该怎么办？

下面是我的组件 - streaming.component.ts(负责显示所选摄像机组件的视频)和camera.component.ts(用于查看带摄像机名称的图标)

streaming.component.ts

import {Component} from '@angular/core';
import {CameraComponent} from '../camera/camera.component';

@Component({
   moduleId: module.id,
   selector: 'streaming',
   template: `
            <camera cameraName="Kamera 1" (click)='cameraStream("sample.mp4")'></camera>
            <camera cameraName="Kamera 2" (click)='cameraStream("sample2.mp4")'></camera>
            <camera cameraName="Kamera 3" (click)='cameraStream("sample3.mp4")'></camera>
            <camera cameraName="Kamera 4" (click)='cameraStream("sample4.mp4")'></camera>
            <video width="800" controls>
                <source src = "{{cameraSrc}}" type="video/mp4">
                Your browser does not support HTML5 video.
            </video>
            <p>{{cameraSrc}}</p>
            `,
directives: [CameraComponent]
})
export class StreamingComponent {

 cameraSrc:string;
 constructor() { }

 cameraStream(chosenCamera :string){
    this.cameraSrc=chosenCamera;
  }
 }

视频正在运行,因为我放的时候

<source src = "{{cameraSrc}}" type="video/mp4">

一切都好.

camera.component.ts

import { …