javascript - スライドショーで div に画像があるかどうかを確認する

Question

簡単なスライドショーがあります。

スライドが画像か動画かを確認したい。ビデオの場合は再生し、ビデオが終了すると自動再生スライダー。

今。Snookのスライダーを使用しています。

HTML:

<ul>
    <li><img></li>
    <li><video></li>
    <li><img></li>
    <li><video></li>
    <li><img></li>
</ul>

JS

function startSlider(duration){
    setInterval(function() { 
        jQuery('#slideshow > li:first')
        .fadeOut(1000)
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#slideshow');
    }, duration);
}
    if (jQuery("#slideshow li").has('img') == true) {
        startSlider(4000);


     }else{
      myVideoPlayer.addEventListener('loadedmetadata', function() {

        var ddur =  Math.round(myVideoPlayer.duration) * 1000;
        console.log(ddur);
        startSlider(ddur);
        });
    }

ただし、次のスライドが変更されると、ビデオと同じ期間が維持されます。ビデオが持続時間を取得しているかどうかを確認し、それ以外の場合は持続時間を 4000 に設定する方法は?

ありがとう。

更新: http://jsfiddle.net/nbK2S/1/