VIdeoJs-“播放”按鈕在SharePoint 2013中無法正確顯示

Question

這困擾了我幾天，而我卻無法解決。 如果您以前已經看過，請讓我知道問題出在哪。 謝謝。

我在SharePoint 2013母版頁中包含了以下兩行：

<link href="http://vjs.zencdn.net/5.11.7/video-js.css" rel="stylesheet"/>
<script src="http://vjs.zencdn.net/5.11.7/video.js"></script>

這是從SharePoint API調用（它是一個Web部件）生成的HTML代碼：

<video id='my-video' class='video-js vjs-default-skin vjs-big-play-centered' controls preload='none' data-setup='{}'>
<source src='test.flv' type='video/x-flv'/>
<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>

結果是IE 11和Chrome 53.0.2785.143。 單擊方形按鈕，它將完美地播放FLV文件，只是初始播放按鈕和控件上的按鈕顯示不正確。

播放按鈕無法正確顯示： http : //i.stack.imgur.com/DSY8R.png

控件上的按鈕無法正確顯示： http : //i.stack.imgur.com/EvK3g.png

Answer 1

我自己可以回答這個問題：

<link href="http://vjs.zencdn.net/4.7/video-js.css" rel="stylesheet"/>
<script src="http://vjs.zencdn.net/4.7/video.js"></script>

4.7版在SharePoint 2013中似乎運行良好