【jquery】插件之jwplayer

最新推荐文章于 2021-06-10 16:53:46 发布

weixin_34377919

最新推荐文章于 2021-06-10 16:53:46 发布

阅读量143

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/maomaoroc/p/3511422.html

版权

一、下载地址

http://www.jwplayer.com/

二、使用方法

　2.1: 导入jwplayer

<script type="text/javascript" src="/jwplayer/jwplayer.js"></script>

　2.2: 使用jwplayer

<div id="myElement">Loading the player...</div>

<script type="text/javascript">
    jwplayer("myElement").setup({
        file: "/uploads/myVideo.mp4",
        image: "/uploads/myPoster.jpg"
    });
</script>

三、Demo

<!DOCTYPE HTML>
<html style="background:#1F1813;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <title>JWPlayer</title>
<script type="text/javascript" src="js/jwplayer.js"></script>
    
</head>

<body style="width:711px; height:400px; margin:0 auto;">
    <div id="space" style="height:145px;"></div>
    <div id="videoWrapper">
        <div id="div-video"></div>
    </div>

    <script>
        jwplayer("div-video").setup({
            flashplayer: "swf/jwplayer.flash.swf",
            file: "video/video.mp4",
            'autostart': 'true',
            width:711,
            height:400
        });
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/maomaoroc/p/3511422.html

weixin_34377919

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【jquery】插件之jwplayer

一、下载地址http://www.jwplayer.com/二、使用方法　2.1:导入jwplayer<script type="text/javascript" src="/jwplayer/jwplayer.js"></script>　2.2:使用jwplayer<div id="myElement">Loading...
复制链接

扫一扫