2016-09-03 9 views
0

ローカルにホストされた複数のビデオをSharePoint Foundation 2010サイトに埋め込むように求められました。 Foundation 2010には他のバージョンのSharePointで見られる標準のMedia WebPartがないため、Content Editor WebPartで実装されたvideo.js(v5.11.6)のローカルインストールを使用しようとしています。私はちょっとここから深いところですが、html5コードが期待通りに機能するので(コントロールバーの読み込み、ビデオのプリロード、自動再生など)、直接ビルドされているため、インストールとhtml5が正しいと確信していますSharePoint上でホストされ、Chrome(v52)で起動されたhtmファイルに保存されます。埋め込みVideo.JS SharePoint Foundation 2010のコントロール

<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のコンテンツエディタWebパーツに加えて、ChromeでのSharePointページに表示されている場合、映像と予想されるように、しかし、コントロールがロードされません。ビデオ自体は正しく読み込まれますが、コントロールは右クリックメニューの「コントロールを表示」で追加する必要があります。これが完了すると、ビデオは正常に再生されます。

SharePointでコントロールがChromeで正しく読み込まれないのはなぜですか?または、これについて間違った方法をとっていますが、SharePoint Foundation 2010にビデオを埋め込む簡単な手段がMedia WebPartにはありませんか?

+0

[SharePoint SE](http://sharepoint.stackexchange.com/)で尋ねられましたか。 –

+0

ありがとう!私はまだ自分の道を学んでいる。私はそれを行うと思われる一般的なhtml5の回避策を見つけました。同様の問題を扱う人にとって、 'controls =" controls "preload = 'auto'''はそのトリックを行いました。 –

+0

それが答えだったら、それをコメントにする代わりに答えとして残し、それを受け入れられた答えとしてマークしてください。 –

答えて

0

同様の問題を扱う人にとって、私はそれを行うような一般的な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="{}">  
関連する問題