Laravel - 如果打开两个选项卡,则不显示HTML5视频

时间:2014-03-14 13:23:14

标签: html5 video laravel laravel-4

我正在使用laravel开发一个应用程序,它可以上传文件并将它们存储到数据库和服务器上的本地存储中。然后,我正在检索文件路径和文件名的视频信息,并在html5视频标签上使用它,如下所示:

<video height="300px" controls>
      <source src="/assetlibr/public{{{ $upload->filepath }}}/{{{ $upload->filename }}}" type="video/mp4">
      <source src="/assetlibr/public{{{ $upload->filepath }}}/{{{ $upload->filename }}}" type="video/ogg">
        Your browser does not support the video tag.
</video>

视频正在显示,但如果我在运行应用程序时打开了两个标签,那么视频标签上的视频就无法显示,因此只能获得带有视频标记的黑色区域和下方控件的视频标签这个:

enter image description here

这导致无法播放文件。我不确定为什么会这样,我该如何解决?

1 个答案:

答案 0 :(得分:1)

试试这个:

<video height="300px" controls>
    <source src="{{asset('assetlibr/public' . $upload->filepath . '/' . $upload->filename)}}" type="video/mp4">
    <source src="{{asset('assetlibr/public' . $upload->filepath . '/' . $upload->filename)}}" type="video/ogg">
    Your browser does not support the video tag.
</video>

然后,请阅读此article