SharePoint Foundation 2010 中的嵌入式 Video.JS 控件问题

Question

我被要求将几个本地托管的视频嵌入到 SharePoint Foundation 2010 网站中。由于 Foundation 2010 似乎缺少在其他版本的 SharePoint 中找到的标准媒体 WebPart，我尝试使用通过内容编辑器 WebPart 实现的 video.js (v5.11.6) 的本地安装。我有点不知所云，但我有理由相信我的安装和 html 是正确的，因为我的 html5 代码按预期工作（控制栏加载、视频预加载、确实不自动播放等）当直接在 SharePoint 上托管的 htm 文件中构建并在 Chrome (v52) 中启动时。

<script>
<link href=".../Style%20Library/video.js/video-js.css" rel="stylesheet"></link>
<script type="text/javascript" src=".../Style%20Library/video.js/video-js.swf/video.js"></script>
<div style="width:740;height:416;overflow-x:hidden;overflow-y:hidden;">
<video id="Data Cleansing" class="video-js vjs-default-skin vjs-big-play-centered" controls preload = 'auto' width="740" height="416" poster=".../FACT/SiteAssets/SitePages/Data%20Cleansing/ Poster.jpg" data-setup="{}">
<source src=".../FACT/SiteAssets/SitePages/Data%20Cleansing/Video.mp4" type='video/mp4' />
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>
 </video>
</div>
</script>

当将相同的代码添加到 SharePoint 2010 Foundation 的内容编辑器 WebPart 并在 Chrome 的 SharePoint 页面上查看时，控件不会按预期随视频一起加载。视频本身仍然可以正确加载，但必须通过右键单击菜单添加控件，"Show Controls"。完成后，视频就可以正常播放了。

是什么阻止了控件在 Chrome 中按预期在 SharePoint 中加载？或者我是不是以错误的方式解决了这个问题，是否有更简单的方法在 SharePoint Foundation 2010 中嵌入视频（无需访问 Media WebPart）？

Answer 1

对于处理类似问题的任何人，我发现了一个通用的 html5 解决方法，似乎可以解决这个问题。问题出在视频标签中。看起来此解决方案适用于 SharePoint 2010 和 2013。

<video id="Data Cleansing" class="video-js vjs-default-skin vjs-big-play-centered" controls = "controls" preload = 'auto' width="740" height="416" poster=".../FACT/SiteAssets/SitePages/Data%20Cleansing/ Poster.jpg" data-setup="{}">

SharePoint Foundation 2010 中的嵌入式 Video.JS 控件问题

Embedded Video.JS Controls Problems in SharePoint Foundation 2010

javascript

html

sharepoint

sharepoint-2010

video.js