3

私は現在、ワードプレスサイトの1つで無限スクロールを設定しているところです。ページの一番下までスクロールすると、ajaxを介して次の投稿セットが読み込まれます。このため、videojsを正しく機能させることができませんでした（readas：まったく）。誰かがこれを手伝ってくれることを願っています。

何よりもまず、テーマで直接videojsコードを使用しています。このコードは、投稿のカスタムフィールドからデータを取得し、投稿IDを動画タグのid属性に追加します。テンプレートコードのサンプルは次のとおりです。

<video id="video_<?php echo get_the_id(); ?>" class="video-js vjs-default-skin"  
  controls preload="auto" width="640" height="264"  
  poster="<?php echo $poster; ?>">  
 <source src="<?php echo $mp4vid; ?>" type='video/mp4' />  
</video>

（注：後でogg / webmを追加します）

次のブロックを追加するように指示されているドキュメントページを見ました。

_V_("example_video_1", {}, function(){
  // Player (this) is initialized and ready.
});

ただし、（必要な属性を追加して）どこに追加しても、プレーヤーは機能しません。つまり、上記で標準のhtml5ビデオプレーヤーを入手できますが、videojsの利点はありません。

誰かがこのような何かのための実用的な解決策を持っていますか？

4

1 に答える 1

0

正しいIDを参照するとうまくいくかもしれません...

<script type="text/javascript">
_V_("video_<?php echo get_the_id(); ?>", {}, function(){
  // Player (this) is initialized and ready.
});
</script>

<video id="video_<?php echo get_the_id(); ?>" class="video-js vjs-default-skin"  
  controls preload="auto" width="640" height="264"  
  poster="<?php echo $poster; ?>">  
 <source src="<?php echo $mp4vid; ?>" type='video/mp4' />  
</video>
于 2012-11-07T20:51:29.437 に答える