1

次の HTML では、video-size が 100% になりません。削除すると、<!DOCTYPE html>すべて正常に動作します。

<!DOCTYPE html>
<html>
<head>
    <link href="video-js/video-js.css" rel="stylesheet">
    <script src="video-js/video.js"></script>
    <script>videojs.options.flash.swf = "video-js/video-js.swf"</script>
</head>

<body>
    <video id="myVideo" class="video-js vjs-default-skin video-container" width="100%" height="100%" controls autoplay preload="auto" poster="poster.jpg" data-setup="{}">
      <source src="test.mp4" type='video/mp4'/>
    </video>
</body>
</html>

HTML ページごとに DOCTYPE を定義することをお勧めします。そのままにしておくこともできますが、IE バージョン < 10 では機能しません。

その問題について検索したところ、この解決策が見つかりましたが、私の DOCTYPE では機能しません。

ここで何か基本的なことを見逃していますか？

私はvideojs 4.0.3を使用しています。

編集：この質問に対するヒントと回答に従って、ここで解決策を提供します：

<div class="video-container">
    <video id="myVideo" class="video-js vjs-default-skin" controls autoplay preload="auto" poster="poster.jpg" data-setup="{}">
      <source src="video.mp4" type='video/mp4'/>
    </video>
</div>

および対応する css:

body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.video-container {
  width: 100%;
  height: 100%;
}

.video-js {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  z-index: 1;
}
4

2 に答える 2

0

Drupal を使用している場合は、videojs.tpl.phpファイルを編集して取り出しただけです。

width="<?php print $width; ?>"

と追加width="100%"

于 2014-03-05T14:59:57.263 に答える