视频未在 video.js 中播放,但直接链接有效

Posted

技术标签:

【中文标题】视频未在 video.js 中播放,但直接链接有效【英文标题】:Video not playing in video.js but direct link works 【发布时间】:2013-09-03 08:30:49 【问题描述】:

我是 video.js 的新手,并试图弄清楚这一点。我正在尝试将视频加载到我的网站自托管。下面是我正在使用的代码。我不知道我做错了什么,也许源 src= 已关闭。我不知道。我收到“没有找到支持格式或 MIME 类型的视频(我知道 Firefox 有 mp4 问题)。

<div style="overflow:hidden; margin: 0; padding: 0;">
        <link href="video-js.css" rel="stylesheet">
        <script src="video.js"></script>
        <video id=my_video_1" class="video-js vjs-default-skin" controls
          preload="none"   poster="images/BrattyGirls/BrattyPreview.jpg"
          data-setup="">
          <source src="../images/BrattyGirls/Previews/"  type="video/mp4">
         </video>
    </div>

上面是一个VideoPreviews.php,它被加载到我的ftp服务器上。下面是我试图放在我的页面上以托管视频的代码。直接转到链接时播放视频。源 src= 的上述代码也是正确的,以便能够将相同的代码用于从该目录开始但以不同标题结束的不同视频,即/images/BrattyGirls/Previews/vid1 /images/BrattyGirls/Previews/vid2 等。

 <object data="http://www.primalproductionsllc.com/VideoPreviews.php?previd=http://www.primalproductionsllc.com/images/BrattyGirls/Previews/allprohd2.mp4" type="text/html"   style="overflow: hidden; height: 256px; width: 314px;">
</object>

【问题讨论】:

【参考方案1】:

您需要指定一个视频文件,而不是包含您的视频的目录。

<source src="http://www.primalproductionsllc.com/images/BrattyGirls/Previews/allprohd2.mp4"  type="video/mp4">

【讨论】:

以上是关于视频未在 video.js 中播放,但直接链接有效的主要内容,如果未能解决你的问题,请参考以下文章

视频正在下载但未在浏览器中播放

HTML5 Video.js 播放视频太快

vue使用video.js

使用 video.js 在 ios 上播放视频内联?

video.js 视频播放器是不是支持 youtube 视频?

在vue项目中使用video.js实现视频播放和视频进度条打点