时间戳

首页 > 解决方案 > VideoJS 皮肤未在 Firefox 或 Chrome 上显示

javascript - VideoJS 皮肤未在 Firefox 或 Chrome 上显示

问题描述

我正在尝试在具有Sublime 皮肤的基本网页上实现 videojs 播放器。

我已经添加了来自videojs 网站的源链接，从上面的 codepen 复制了 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>

标签： javascriptvideomedia-playervideo.jsskin

解决方案

推荐阅读