5

Mediaelement.jsを使用して、ページにビデオを含めています。

それはhttp://badlands777.com/test/で見つけることができます

ChromeとSafariでビデオを完全に機能させることができます。ただし、FirefoxのFlashフォールバックは開始されていないようです。

具体的には、Flash Playerを右クリックすると、「ムービーがロードされていません」と表示されます。プレーヤーとビデオファイルへのパスを確認しましたが、どちらも正しいです。

これが私が使用しているコードです：

<object style="border: solid 1px #fff;" width="320" height="240" type="application/x-shockwave-flash" data="http://badlands777.com/js/flashmediaelement.swf">
    <param name="movie" value="http://badlands777.com/js/flashmediaelement.swf" />
    <param name="flashvars" value="controls=false&amp;file=http://badlands777.com/wp-content/uploads/2012/08/flamesintro_v02.mp4" />
    <!-- Image as a last resort -->
    <img src="myvideo.jpg" width="320" height="240" title="No video playback capabilities" />
</object>


<script>
MediaElement('player1', {success: function(me) {    
    me.play();
}});
</script>
4

1 に答える 1

4

次のコードを使用して、それを機能させることができました。

HTML：

<video id="player1" width="100%" height="100%" controls="controls">
    <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
    <source type="video/mp4" src="PATH_TO_VIDEO.mp4" />
    <object width="1024" height="576" type="application/x-shockwave-flash" data="PATH_TO_flashmediaelement.swf">
       <param name="movie" value="PATH_TO_flashmediaelement.swf">
       <param name="flashvars" value="controls=true&amp;file=PATH_TO_VIDEO.mp4">
    </object>
</video>

JS：

    jQuery(document).ready(function(){        

        // THE MOST HATED PIECE OF CODE IN THE WORLD.
        jQuery('video').mediaelementplayer({
            success: function(player, node) {

            // STARTS THE VIDEO IF IT'S FLASH VIDEO FALLBACK.
            jQuery('.mejs-overlay-button').trigger('click');

            // STARTS THE VIDEO IF IT'S HTML5 COMPATIBLE.
            player.play();
            }
        });

        // FADES IN TITLES.
        jQuery(".enter_logo").delay(2200).animate({opacity:1},2000);
        jQuery(".enter_button").delay(6000).animate({opacity:0.4},2000);

    });
于 2012-08-29T21:19:32.660 に答える