Может ли кто-нибудь помочь мне воспроизвести это видео с помощью проигрывателя videojs

Question

Может ли кто-нибудь помочь мне воспроизвести это видео с помощью проигрывателя videojs

1

Я попытался воспроизвести видео с помощью видеотега html5 и проигрывателя video.js, но я не могу воспроизвести видео, а видео имеет формат mp4.

видео можно загрузить с https://drive.google.com/open?id=0BwvTwArK2QWBVVZhbnAtMjZlWlU

<html>
<head>
  <link href="http://vjs.zencdn.net/6.2.7/video-js.css" rel="stylesheet">

  <!-- If you'd like to support IE8 -->
  <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
</head>

<body>
  <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}">
    <source src="test.mp4" type='video/mp4'>
    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a web browser that
      <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
  </video>

  <script src="http://vjs.zencdn.net/6.2.7/video.js"></script>
</body>
</html>

Я получаю сообщение об ошибке: - введите описание изображения здесь

Gagan Nain 16 сен. 2017, в 01:30

Источник

0

Можете ли вы сказать нам, какой видео-кодек присутствует в MP4? И какой браузер используется для теста?
Dave 18 сен. 2017, в 23:35

Теги:

javascript

video.js

html5-video

2 ответа

Ещё вопросы

Можете ли вы сказать нам, какой видео-кодек присутствует в MP4? И какой браузер используется для теста?

NoNickAvailable · Answer 1 · 2017-09-15T21-40-00.000Z

Я не знаком с Video.js, но ошибка, которую вы получаете, звучит так, как будто что-то не так с плакатом (миниатюрами)

На своей домашней странице они показывают полный шаблон для использования своей библиотеки:

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
  poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
    <source src="MY_VIDEO.mp4" type='video/mp4'>
    <source src="MY_VIDEO.webm" type='video/webm'>
    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a web browser that
      <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
</video>

Я пробовал это, но с миниатюрами проблем нет, так как все остальные видео воспроизводятся, но определенный набор видео не воспроизводится. Ссылка, которой я поделился, относится к одному из видео из этого набора видео.

RobH · Answer 2 · 2017-09-15T21-54-00.000Z

Попробуйте использовать одиночные кавычки с настройкой данных, поскольку ожидается, что он будет содержать JSON.

data-setup='{}'