1

HTML5 ボイラープレートに videoJS を実装しようとしています。videoJS によって提案された埋め込みコードを貼り付けようとしましたが、結果が機能しません。ページが読み込まれると、「ポスター」画像が表示されますが、読み込みホイールは停止せず、ビデオも再生されません。

ビデオを開始するためにヘッダーとフッターにこれを含めようとしましたが、うまくいきませんでした:

<script>
window.onload = function() {
var pElement = document.getElementById("#vid");

pElement.play();
};
</script>

また、すべての video.js 参照リンクをヘッダーに含めました。

  <!-- Link to Video JS Library -->
  <script src="js/mylibs/video.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="css/video-js.css" type="text/css" media="screen" title="Video JS" charset="utf-8">
  <script type="text/javascript" charset="utf-8">
  // Add VideoJS to all video tags on the page when the DOM is ready
    VideoJS.setupAllWhenReady();
  </script>

HTML5 Boilerplate テンプレートを使用した優れた HTML5 ビデオ実装の例はありますか? 確かに私は初心者なので、この質問がちょっとばかげているように思えたら申し訳ありません。

ご協力いただきありがとうございます！

4

1 に答える 1

0

おそらく<head>とフッターにそれらを含めるべきではありません。video.js refがスクリプトのセットをリンクした後、最初に貼り付けたスクリプトを下部に含める必要があります。

いつでもhttp://jsfiddle.netにコードを貼り付けて、もう一度質問して、より迅速に修正できるようにすることができます。

于 2011-07-23T02:44:54.760 に答える