PHP & JavaScript Room :: 設置サンプル

実行結果

Windows Media Player
ブロードバンド用 ナローバンド用
320×240(361KB) 160×120(57KB)

ソース

<script type="text/javascript">
    function wmvVideoOpen(FilePass,width,height){
        PlayWin=window.open('','sample','width='+width+',height='+(height+45)+',top=0,left=0,resizable=0,status=1,scrollbars=0,titlebar=0,toolbar=0,menubar=0,directories=0,personalbar=0');
        PlayWin.focus();
        var htm="";
        htm+='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">';
        htm+="<html lang='ja'>\n";
        htm+="<html>\n";
        htm+="<head>\n";
        htm+="<title>SampleVideo<\/title>\n";
        htm+="<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>\n";
        htm+="<meta http-equiv='Content-Script-Type' content='text/javascript'>\n";
        htm+="<\/head>\n";
        htm+="<bod";
        htm+="y style='background-color:#000; margin:0 auto; text-align:center; padding:0;'>\n";
        htm+="<p>\n";
        /* Windows Media Player 音声埋め込み [begin] */
        htm+="<object id='WMP' width='"+width+"' height='"+(height+45)+"' classid='CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715' standby='Loading MicrosoftR WindowsR Media Player components...' type='application/x-oleobject'>\n";
        htm+="<param name='FileName' value='"+FilePass+"'>\n";
        htm+="<param name='AutoStart' value='true'>\n";
        htm+="<param name='ShowControls' value='true'>\n";
        htm+="<embed name='WMP' pluginspage='http://www.microsoft.com/Windows/MediaPlayer/' type='application/x-mplayer2' src='"+FilePass+"' width='"+width+"' height='"+(height+45)+"' autostart='1' showcontrols='1'>\n";
        htm+="<\/embed>\n";
        htm+="<\/object>\n";
        /* Windows Media Player 音声埋め込み [end//] */
        htm+="<\/p>\n";
        htm+="<\/bod";
        htm+="y>\n";
        htm+="<\/html>\n";
        PlayWin.document.write(htm);
        PlayWin.document.close();
    }
</script>
<style type="text/css">
.video {
    background:#000;
    width:360px;
    color:#eee;
}
    .video a {
        text-decoration:none;
        background:transparent url("/content/img/icon/video.gif") no-repeat left center;
        padding-left:16px;
    }
    .video table {
        margin:5px auto;
    }
    .video th,
    .video td {
        text-align:center;
        padding:0;
    }
    .video thead th {
        padding-bottom:5px;
    }
</style>

<div class="video">
    <table>
        <thead>
            <tr><th colspan="2">Windows Media Player</th></tr>
        </thead>
        <tbody>
            <tr><td colspan="2"><img src="/content/img/strm/usability/video_image.png" class="image" alt="" /></td></tr>
            <tr>
                <th>ブロードバンド用</th>
                <th>ナローバンド用</th>
            </tr>
            <tr>
                <td><a href="javascript:wmvVideoOpen('http://phpjavascriptroom.com/content/media/SampleMovie.asf',320,240)">320×240(361KB)</a></td>
                <td><a href="javascript:wmvVideoOpen('http://phpjavascriptroom.com/content/media/SampleMovie_low.wmv',160,120)">160×120(57KB)</a></td>
            </tr>
        </tbody>
    </table>
</div>

polarized women