视频和音频控件在html中不起作用

时间:2016-07-09 10:56:59

标签: html audio video html5-video controls

如果我使用自动播放,则会播放音频但单击暂停播放按钮时不会停止播放。同样,我无法改变音量或静音音频。我的视频根本不播放。仅显示控制栏,不会发生任何其他情况。我使用Chrome浏览器,以防万一它必须做任何事情。我不知道什么是错的。 HTML和HTML5有什么区别可能与视频标签有关吗?

<audio src="ACDC%20-%20Back%20In%20Black.mp3" controls autoplay></audio>

<video height="300px" width="300px" autoplay controls>
    <source="https://www.youtube.com/watch?v=KnZtdrcA4f8">
</video>

2 个答案:

答案 0 :(得分:0)

尝试做

 <source src="https://www.youtube.com/watch?v=KnZtdrcA4f8">

音频代码没有问题。 尝试向其添加类型type="audio/mpeg"

答案 1 :(得分:0)

我在视频和音频标签上都遇到了问题。我发现唯一确定的答案是在自己的控件中编写脚本。我所遇到的问题似乎与窗口大小有关,我将向真正的专家提供全面的诊断!提供您的视频或音频以及ID。

 <circle #cir [id]="'cir'+i"*ngIf="!collapseContainer && data.value && data.value <= 20" 
                     [attr.r]="3" 
                     class="graphPoint" 
                     [attr.cx]="data['x1']"
                    [attr.cy]="data['y1']" [attr.fill]="'rgba(236,102,2,1)'" stroke-width="3" 
                    (mouseout)="cdRef.detach();reset('cir'+i)" 
                    (mouseover)="cdRef.detach();updateCircleByRadius('cir'+i)">
                </circle>
  updateCircleByRadius(id)
{
    const circle:any=document.getElementById(id);
    circle.setAttribute('r',7);
    this._zone.runOutsideAngular(()=>{
    setTimeout(() => {
        this.cdRef.reattach()
     }, 300);
   })
}