1

私はこれを複製しようとしています: http://wistia.com/blog/fullscreen-video-homepage を自分のサイトで使用していますが、彼らが提供する基本デモだけを使用しても、問題が発生します。そのページからサンプルをダウンロードしてビデオを開くだけでは問題なく動作しますが、バックグラウンド ビデオをフォアグラウンド ビデオと交換するなどの一見単純なことを行うと、それらのビデオを自分のビデオに置き換えるどころか、壊れてしまいます (が最終的な目標です)。

これが私がやっていることです。これを JavaScript に置き換えると、次のようになります。

overlayVideo: 'fji9juvptr',
overlayVideoDiv: '#wistia_fji9juvptr',
backgroundvideo: 'z1ggfo8f86',
backgroundideoDiv: '#wistia_z1ggfo8f86'

これとともに：

overlayVideo: 'z1ggfo8f86',
overlayVideoDiv: '#wistia_z1ggfo8f86',
backgroundvideo: 'fji9juvptr',
backgroundideoDiv: '#wistia_fji9juvptr',

HTMLでこれを置き換えます：

<div id="wistia_z1ggfo8f86" class="wistia_embed backgroundVideo" style="width:920px;height:518px;"></div>
<div id="wistia_fji9juvptr" class="wistia_embed overlayVideo" style="width:1920px;height:1080px;"></div>

これとともに：

<div id="wistia_fji9juvptr" class="wistia_embed backgroundVideo" style="width:920px;height:518px;"></div>
<div id="wistia_z1ggfo8f86" class="wistia_embed overlayVideo" style="width:1920px;height:1080px;"></div>

そしてそれはそれを壊すのに十分です。私の推測では、z1ggfo8f86 ビデオが背景として機能し、fji9juvptr ビデオでは機能しない原因となる 2 つのビデオの何かが異なっていると思いますが、その違いが何であるかはわかりません。

また、divの名前を変更しようとしました（「wistia」の「a」を「o」に変更しました）が、それも壊れたので、それらのdiv名はWistiaによって何らかの形で処理されていると思います.

私が見逃しているものについてのアイデアはありますか?

4

3 に答える 3

0

私はこれを理解することになりました。チュートリアルで使用する 2 つのビデオのうち、バックグラウンド ビデオは (Wistia で) 自動再生とループを構成していましたが、オーバーレイ ビデオは (正当な理由で) 構成していませんでした。したがって、それらを交換すると自動再生が壊れ、背景ビデオにはそれを再生する方法がないため、まったく機能していないように見えます (また、ページが読み込まれるとオーバーレイビデオが自動再生されるため、ビデオが表示されていないにもかかわらず、バックグラウンドで聞こえます。

解決策は、Wistia の構成プロパティでビデオを編集して、バックグラウンドをロードし、フォアグラウンドをロードしないようにするか、Embed API を使用して JavaScript 自体で設定を行い、ビデオのデフォルトが何であるかを心配する必要がないようにすることです。設定は。

于 2015-08-12T20:45:05.257 に答える