VIdeoJs - 播放按钮在 SharePoint 2013 中无法正确显示答案

【问题标题】：VIdeoJs - Play button doesn't display properly in SharePoint 2013VIdeoJs - 播放按钮在 SharePoint 2013 中无法正确显示
【发布时间】：2016-10-06 03:27:31
【问题描述】：

这困扰了我几天，但我无法解决。如果您以前见过这个，请告诉我问题是什么。谢谢。

我在 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 调用生成的 HTML 代码（它是一个 Web 部件）：

<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

【问题讨论】：

标签： javascript sharepoint-2013 video.js

【解决方案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 中运行良好

【讨论】：