0

開発中のWebサイト（http://videojs.com/）でVideoJSを使用しようとしていますが、テスト目的でページに単純なYouTubeビデオをロードしようとしていますが、まだ機能していません。

 <div class="video-js-box">
            <!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody -->
         <div style="position: absolute; top: 50px; left: 600px; display:none">
            <video id="my_video_1" class="video-js vjs-default-skin" controls
              preload="auto" width="640" height="264" poster="my_video_poster.png"
              data-setup="{}">
              <source src="http://www.youtube.com/watch?v=ehjDXDVpLgo" type='video/mp4'></source>
              <source src="http://www.youtube.com/watch?v=ehjDXDVpLgo" type='video/webm'></source>
            </video>
            <!-- Download links provided for devices that can't play video in the browser. -->
            <p class="vjs-no-video"><strong>Download Video:</strong>
              <a href="http://www.youtube.com/watch?v=ehjDXDVpLgo">MP4</a>,
              <a href="http://www.youtube.com/watch?v=ehjDXDVpLgo">WebM</a>,
              <a href="http://www.youtube.com/watch?v=ehjDXDVpLgo">Ogg</a><br>
              <!-- Support VideoJS by keeping this link. -->
              <a href="http://videojs.com">HTML5 Video Player</a> by VideoJS
            </p>
          </div>    
        <div style="clear:both;"></div>
    </div><!--main-->

そして、私が持っているページの：

<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
  <script src="http://vjs.zencdn.net/c/video.js"></script>

ここで何が問題になっているのか手がかりはありますか？私は自分のページでそのビデオをロードして再生できることを期待していました。

4

1 に答える 1

1

ビデオソースへの直接リンクを見つけるのは難しいので、videojsをテストするためにYoutubeビデオを使用しないでください。この質問をチェックしてください。

提供されたコードは、ビデオソースではなくYouTubeページにリンクしています。

<source src="http://www.youtube.com/watch?v=ehjDXDVpLgo" type='video/mp4'></source>

ビデオソースはここに隠されているかもしれませんが、よくわかりません。サイトでホストされている独自のビデオを使用してテストします。

ただし、それでもYouTubeビデオを使用したい場合は、Video.jsフォーラムをチェックしてください。ここでは、回避策のコードが提供されています。

YouTubeビデオを埋め込む簡単な方法は、ビデオページの下にある[共有]、[埋め込み]タブの順にクリックし、コードをコピーしてサイトに貼り付けることです。それはあなたにこのような何かを与えるでしょう。

<iframe width="560" height="315" 
    src="http://www.youtube.com/embed/gZKXrLjCwa8"
    frameborder="0" allowfullscreen>
</iframe>

また、セットアップ方法については、Video.jsのドキュメントをもう一度読むことをお勧めします。

于 2012-06-17T05:47:46.103 に答える