ここに例があります: VideoSlide の例
私の問題は、何も表示されないことです。
コードを Owl サイトから効果的にコピーしましたが、何も表示されません。
もともと、私はそれをより大きなサイトでエンコードしていました。これは、カルーセルにのみ適用されるカットダウン バージョンです。私はカルーセルを画像で動作させましたが、ビデオは私を逃れます。どちらかといえば、ビデオはもっとシンプルであるべきだと思います!
バージョン 2 の最新の Owl JS と CSS を使用しました。
JS や CSS は修正していません。ダウンロードした状態です。
ビデオ用の Owl ページと、ビデオ用の Owl カルーセルも使用する Calvin College とのコード比較を行いました。
私が見る限り、私は同じことをしました。
明らかに私はしていません。
デビー
ビデオデモのフクロウのウェブサイトには、実際には次のスタイルがあります.item-video
.owl-carousel .item-video{height:300px}
それを独自の css に追加すると、ビデオ デモと同じマークアップを使用すると、ビデオが表示されます。
ドキュメントに記載されているオプションは効果がないため、owl 2.0 がベータ版 (この記事の時点では2.0.0-beta.2.4 ) から抜け出すことをお勧めします。
videoWidth: false, // Default false; Type: Boolean/Number
videoHeight: false, // Default false; Type: Boolean/Number
コンソールをざっと見てみると、owl js がロードされていないようです。
<script src="../assets/owlcarousel/owl.carousel.js"></script>
高さを手動で追加する必要が.owl-video-wrapperありましたが、今は問題ないようです。
これが将来誰かに役立つことを願っています。しかし、それは少し奇妙です。