在SharePoint Foundation 2010中嵌入Video.JS控制问题

Embedded Video.JS Controls Problems in SharePoint Foundation 2010

本文关键字：Video JS 控制 问题 SharePoint Foundation 2010      更新时间：2023-09-26

我被要求将几个本地托管的视频嵌入到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页面上查看时，控件不会像预期的那样加载视频。视频本身仍然可以正确加载，但必须通过右键菜单"显示控件"添加控件。此操作完成后，视频可以正常播放。

是什么阻止控件加载在Chrome上预期的SharePoint?或者是我用错了方法，有没有更简单的方法在SharePoint Foundation 2010中嵌入视频(不需要访问Media WebPart)?

对于任何处理类似问题的人，我发现一个通用的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="{}">
相关文章：