0

SO と MediaElements の Web サイトの両方で、他のいくつかのリソースを見てきましたが、何も機能していないようです。

JSFiddle を作成しようとしましたが、IE8 で読み込まれません: http://jsfiddle.net/RyzaV/

コードは次のとおりです。

<div id="video" class="box">
    <video width="200" height="155" style="width: 100%; height: 100%;" id="player1" controls="controls" preload="true">
        <source type="video/<?php echo $video_format; ?>" src="<?php echo $video_url; ?>" />
        <object width="200" height="155" type="application/x-shockwave-flash" data="http://s3.amazonaws.com/websites.retailcatalog.us/media/mediaelements/flashmediaelement.swf">
            <param name="movie" value="http://s3.amazonaws.com/websites.retailcatalog.us/media/mediaelements/flashmediaelement.swf" />
            <param name="flashvars" value="controls=true&file=<?php echo $video_url; ?>" />
        </object>
    </video>

   <link type="text/css" rel="stylesheet" href="//s3.amazonaws.com/websites.retailcatalog.us/media/mediaelements/mediaelementplayer.min.css" />
   <script type="text/javascript" src="//s3.amazonaws.com/websites.retailcatalog.us/media/mediaelements/mediaelement-and-player.min.js"></script>
   <script type="text/javascript" language="javascript">
        $('#video').find('video:first').mediaelementplayer({
            success: function(media, node, player) {
                $('#' + node.id + '-mode').html('mode: ' + media.pluginType);
            }
            , flashName: 'flashmediaelement-cdn.swf'
        });
    </script>
</div>

私が見逃しているものは何か分かりますか？これは参照ページです:
http://www.mediaelementjs.com/#note2

4

2 に答える 2

0

次の行を head タグに入れる必要があります。

<link type="text/css" rel="stylesheet" href="//s3.amazonaws.com/websites.retailcatalog.us/media/mediaelements/mediaelementplayer.min.css" />
<script type="text/javascript" src="//s3.amazonaws.com/websites.retailcatalog.us/media/mediaelements/mediaelement-and-player.min.js"></script>

次に、必ず mediaelement-and-player.min.js の前に jQuery を呼び出してください。

于 2013-12-04T10:17:13.453 に答える