0

開発中のanythingSliderの簡単なビルドがあります。同じスライダー内の静止画像の真ん中にビデオ要素を配置しようとした場合を除いて、これまでのところすべて問題ありません。

ビデオ スライド中にのみ表示される垂直スクロール バーがあります。これを取り除く方法について何か提案はありますか?

以前の試みで、ビデオのサイズを縮小しました (下のリンクで表示できるものと比較して、現在の表示サイズの半分に) が、スクロールバーは残りました。

ご意見をお寄せいただきありがとうございます。

リンク: http://sitedev.lcadfiles.com/branding_rad.html

4

1 に答える 1

0

各パネルの高さが 580x450 に設定されていることがわかりますが、resizeContentsオプションがの場合、実際には無視されますfalse。パネルは、コンテンツに合わせてサイズ変更されます。ビデオのサイズが意図したパネル サイズと一致していないことがわかりました。

<video id="inslide" width="580" height="320" controls="" loop="" poster="../img/radians-bran.jpg" preload="auto" >

したがって、最も簡単なオプションは、resizeContentsオプションをtrueORに設定し、css で次のように変更overflow-yすることです。hidden

#slider, #slider li {
  width: 580px;
  height: 450px;
  list-style: none;
  overflow-y: hidden;
  overflow-x: hidden;
}

ただし、ユーザーがJavaScriptを無効にしている場合、最初の画像以外はすべて非表示になります。

于 2012-06-14T14:15:19.513 に答える