网页在线播放器HTML代码,只需填写视频路径即可

本文阅读 1 分钟
首页 HTML 正文
<video id="movies" src="视频网址" type="video/mp4" autobuffer="true" controls="controls" autoplay="autoplay" width="100%" height="100%"></video>
<video src="视频网址(这代码展示效果不好)" controls="controls"></video>







ckplayer视频播放器默认代码

<html>
<head>
    <link rel="stylesheet" type="text/css" href="ckplayer/css/ckplayer.css">
    <script type="text/javascript" charset="utf-8" src="ckplayer/js/ckplayer.js"></script>
</head>
<body>
    <div class="video" style="width: 600px;height: 400px;"></div>
    <script type="text/javascript">
        //定义一个变量:videoObject,用来做为视频初始化配置
        var videoObject = {
        container: '.video', //“#”代表容器的ID,“.”或“”代表容器的class
        video: 'temp.mp4'//视频地址
        };
        new ckplayer(videoObject);//初始化播放器
    </script>
</body>


ckplayer视频播放器gitee仓库代码

<html>
<head>
    <link rel="stylesheet" type="text/css" href="https://gitee.com/k126/gridea/tree/master/ckplayer-master/ckplayer/css/ckplayer.css">
    <script type="text/javascript" charset="utf-8" src="https://gitee.com/k126/gridea/tree/master/ckplayer-master/ckplayer/js/ckplayer.js"></script>
</head>
<body>
    <div class="video" style="width: 600px;height: 400px;"></div>
    <script type="text/javascript">
        //定义一个变量:videoObject,用来做为视频初始化配置
        var videoObject = {
        container: '.video', //“#”代表容器的ID,“.”或“”代表容器的class
        video: 'temp.mp4'//视频地址
        };
        new ckplayer(videoObject);//初始化播放器
    </script>
</body>

本文来自投稿,不代表本站立场,如若转载,请注明出处:
-- 展开阅读全文 --
Koodo Reader 开源免费的电子书阅读器
« 上一篇 01-04
电信随身WiFi上网设备 网络测试 中兴微芯片 深圳品牌
下一篇 » 01-04

发表评论

发表评论
简单图床 - EasyImage

热门文章

标签TAG

热评文章

最近回复