網頁中嵌入視頻

網頁中嵌入視頻,我用到了jw player插件,並且採用的是js方式配置,當然也可採取其他配置方法。我的配置如下:

<script type="text/javascript" src='@Url.Content("~/Scripts/swfobject.js")'></script>
<script type='text/javascript'>
    $(document).ready(function () {
        var s1 = new SWFObject('@Url.Content("~/Content/mediaplayer.swf")', 'player', '250', '211', '9');
        s1.addParam('allowfullscreen', 'true');
        s1.addParam('allowscriptaccess', 'always');
        //  s1.addVariable("displayheight", "240"); //播放區域高度
        var fileName = "../../Videos/蘋果種植技術-1.flv";
        s1.addParam('flashvars', 'file=' + fileName);
        s1.write('video');
    });
</script>

或者採取如下配置:

<script type="text/javascript" src='@Url.Content("~/Scripts/swfobject.js")'></script>
<script type='text/javascript'>
    $(document).ready(function () {
	var s1 = new SWFObject("flvplayer.swf","single","640","480","7");
        s1.addParam("allowfullscreen","true");
        s1.addVariable("file","vod/file.flv");
        s1.addVariable("image","preview.jpg");
        s1.addVariable("width","640");
        s1.addVariable("height","480");
    });
</script>
參考:http://blog.deconcept.com/swfobject/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章