Скин VideoJS не отображается на Firefox или Chrome - PullRequest
Новая
       62

Скин VideoJS не отображается на Firefox или Chrome

1 голос
/ 06 ноября 2019

Я пытаюсь реализовать проигрыватель videojs на базовой веб-странице с Sublime skin .

Я добавил ссылки на источники с веб-сайта videojs ,скопировал html и css из кодекса выше, однако проигрыватель по умолчанию загружается, а не обложка. Веб-страница также никогда не перестает загружаться, я должен нажать кнопку x в браузере.

Консоль в порядке и ошибок нет.

Я думаю, что что-то упустил, но я нене знаю что! Любая помощь приветствуется. У меня нет живой версии этой веб-страницы, но если она поможет, я могу выложить ее в Интернете. Спасибо!

Из возвышенного Codepen: 

<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="assets/css/video-feature.css">

	  <link href="https://vjs.zencdn.net/7.6.5/video-js.css" rel="stylesheet">

  <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
  <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>

</head>
<body>

	<video id="my_video_1" class="video-js vjs-sublime-skin" width="640px" height="267px"
      controls preload="none" poster='https://video-js.zencoder.com/oceans-clip.jpg'
      data-setup='{ "aspectRatio":"640:267", "playbackRates": [1, 1.5, 2] }'>
    	<source src="https://vjs.zencdn.net/v/oceans.mp4" type='video/mp4' />
    	<source src="https://vjs.zencdn.net/v/oceans.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='https://videojs.com/html5-video-support/' target='_blank'>supports HTML5 video</a>
    	</p>
  	</video>

  	<script src='https://vjs.zencdn.net/7.6.5/video.js'></script>
</body>
...