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

cch

我正在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>

视频正在显示,但是如果我在运行应用程序的应用程序中打开了两个标签,那么这些视频将无法显示在视频标签上,结果只是获得了带有视频黑色区域和以下控件的视频标签,如下所示:

在此处输入图片说明

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

朱利安·马丁斯

试试这个:

<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>

然后,阅读本文

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Laravel:如何在选项卡上显示因变量

来自分类Dev

选择第一个选项卡 - Laravel

来自分类Dev

tablesorter(mottie fork)/ bootstrap选项卡=>如果重新加载其他活动选项卡,则不会显示选项卡上的表

来自分类Dev

tablesorter(mottie fork)/ bootstrap选项卡=>如果重新加载其他活动选项卡,则不会显示选项卡上的表

来自分类Dev

引导导航选项卡同时显示两个选项卡

来自分类Dev

Laravel Debugbar的一些选项卡未显示,例如,Route,Auth,Session,Gate

来自分类Dev

打开终端并从automator运行命令以打开两个选项卡并运行命令

来自分类Dev

BackPack for Laravel:显示两个名称相同的字段

来自分类Dev

从两个表中选择Laravel 5

来自分类Dev

laravel 5在两个表之间插入关系

来自分类Dev

两个模型的通用模型 ID - Laravel 5 - Eloquent

来自分类Dev

Laravel 5 合并两个多维数组

来自分类Dev

运行selenium Webdriver代码时,Firefox 44.0.1打开两个选项卡

来自分类Dev

原子编辑器(快照)打开两个奇怪的选项卡

来自分类Dev

如果用户在同一选项卡中打开了链接,则显示一个div

来自分类Dev

Laravel:如果不存在关系则不显示错误

来自分类Dev

如果源不可用,则不会显示HTML5音频

来自分类Dev

使用js同时显示两个ul选项卡

来自分类Dev

如何显示两个选项卡形式之间的行记录?

来自分类Dev

引导面包屑每个选项卡不显示两个项目

来自分类Dev

如何使html搜索栏打开一个新选项卡以显示结果

来自分类Dev

使用laravel的两个表联接

来自分类Dev

创建两个版本的Laravel网站

来自分类Dev

合并两个Laravel集合

来自分类Dev

Laravel从两个表中搜索

来自分类Dev

传递两个变量方法在Laravel

来自分类Dev

Laravel链接两个用户帐户

来自分类Dev

Laravel内部联接两个查询

来自分类Dev

创建两个版本的Laravel网站

Related 相关文章

  1. 1

    Laravel:如何在选项卡上显示因变量

  2. 2

    选择第一个选项卡 - Laravel

  3. 3

    tablesorter(mottie fork)/ bootstrap选项卡=>如果重新加载其他活动选项卡,则不会显示选项卡上的表

  4. 4

    tablesorter(mottie fork)/ bootstrap选项卡=>如果重新加载其他活动选项卡,则不会显示选项卡上的表

  5. 5

    引导导航选项卡同时显示两个选项卡

  6. 6

    Laravel Debugbar的一些选项卡未显示,例如,Route,Auth,Session,Gate

  7. 7

    打开终端并从automator运行命令以打开两个选项卡并运行命令

  8. 8

    BackPack for Laravel:显示两个名称相同的字段

  9. 9

    从两个表中选择Laravel 5

  10. 10

    laravel 5在两个表之间插入关系

  11. 11

    两个模型的通用模型 ID - Laravel 5 - Eloquent

  12. 12

    Laravel 5 合并两个多维数组

  13. 13

    运行selenium Webdriver代码时,Firefox 44.0.1打开两个选项卡

  14. 14

    原子编辑器(快照)打开两个奇怪的选项卡

  15. 15

    如果用户在同一选项卡中打开了链接,则显示一个div

  16. 16

    Laravel:如果不存在关系则不显示错误

  17. 17

    如果源不可用,则不会显示HTML5音频

  18. 18

    使用js同时显示两个ul选项卡

  19. 19

    如何显示两个选项卡形式之间的行记录?

  20. 20

    引导面包屑每个选项卡不显示两个项目

  21. 21

    如何使html搜索栏打开一个新选项卡以显示结果

  22. 22

    使用laravel的两个表联接

  23. 23

    创建两个版本的Laravel网站

  24. 24

    合并两个Laravel集合

  25. 25

    Laravel从两个表中搜索

  26. 26

    传递两个变量方法在Laravel

  27. 27

    Laravel链接两个用户帐户

  28. 28

    Laravel内部联接两个查询

  29. 29

    创建两个版本的Laravel网站

热门标签

归档