支持flv的播放神器

h1:让浏览器支持flv去https://github.com/Bilibili/flv.js

h2:让手机电脑都支持mp4使用:

<link rel="stylesheet" type="text/css" href="//cdn.bootcss.com/video.js/6.0.0-RC.5/alt/video-js-cdn.min.css">
    <script src="http://cdn.bootcss.com/video.js/6.0.0-RC.5/alt/video.novtt.min.js"></script>

  这个插件是一个扩展原生html的video标签,使他至此flv格式播放。

<video id="my_video_1" class="video-js vjs-default-skin vjs-big-play-centered" controls></video>

<script type="text/javascript" src="flv.js"></script>
<script>
    if (flvjs.isSupported()) {
        var videoElement = document.getElementById('my_video_1');
        var flvPlayer = flvjs.createPlayer({
            type: 'flv',
            url: '1.flv'
        });
        flvPlayer.attachMediaElement(videoElement);
        flvPlayer.load();
        flvPlayer.play();
    }
</script>

  demo 密码:37lf

转载于:https://www.cnblogs.com/webSong/p/7402563.html

酷播迷你(CuPlayerMini)V1.0版Flv网页播放器(经典实用播放器) 酷播迷你(CuPlayerMini)V1.0版Flv网页播放器(包含淡雅灰/经典黑两款) 淡雅灰 CuPlayerMiniV10_Gray.html 经典黑 CuPlayerMiniV10_Black.html ---------------------------------------  简要提示: 各位朋友,请不要说“这个用不了!”“播放器显示不了!”“根本不能用”这样的话, 向我说这样的话的朋友: * 90%,是路径写错了。因此,强烈建议各位:在你没有理清相对关系的时候,请用   绝对路径吧,请把所有文件的地址都改用绝对地址吧!这样最保险,不会出错。 * 那么另10%,是什么问题呢?是服务器不支持flv格式,这个解决办法详情见网站。   --------------------------------------- 功能介绍: 1.支持FlashVars调用html代码中的参数; 2.支持Flv/Mp4格式视频文件播放; 3.支持显示视频略缩图; 4.支持自动播放/点击播放; 5.支持是否重复播放; 6.支持是否隐藏控制条; 7.支持全屏时,是否自动隐藏控制条;隐藏时间可自定义(默认为3秒); 8.显示播放进度条,带预加载,支持拖动播放进度条; 9.支持音量控制(默认为75); 10.支持全屏,支持双击全屏; 11.显示视频总时长和当前播放进度的位置时间; 12.播放器大小,可随意设置; 13.视频文件自适应播放器大小; 14.支持ASP,PHP,.NET等程序,可以实现后台管理视频的功能; 15.可以与动易、织梦、帝国等各类CMS系统结合,实现与此类CMS系统后台的融合; 16.代码简洁明了,界面美观,适合各类网站使用; 使用方式: 第一步:加以下swfobject.js代码到Html源代码</head>之前: <script type="text/javascript" src="Images/swfobject.js"></script> 第二步:加以下代码到您网页中需要添加播放器的位置: <div id="CuPlayer2" style="margin-top:20px;"> <strong>酷播迷你(CuPlayerMiniV1.0) You do not have the right Flash Player. Please update.</strong> </div> <script type="text/javascript"> var so = new SWFObject("Images/CuPlayerMiniV10_Gray_S.swf","CuPlayer","476","300","9","#000000"); so.addParam("allowfullscreen","true"); so.addParam("allowscriptaccess","always"); so.addParam("wmode","opaque"); so.addParam("quality","high"); so.addParam("salign","lt"); so.addVariable("CuPlayerFile","http://vkpws.video.qq.com/flv/47/189/7EJ4HYU2V3r.flv"); so.addVariable("CuPlayerImage","/cu/FreeDown/Images/flashChangfa2.jpg"); so.addVariable("CuPlayerShowImage","true"); so.addVariable("CuPlayerWidth","476"); so.addVariable("CuPlayerHeight","300"); so.addVariable("CuPlayerAutoPlay","true"); so.addVariable("CuPlayerAutoRepeat","true"); so.addVariable("CuPlayerShowControl","true"); so.addVariable("CuPlayerAutoHideControl","false"); so.write("CuPlayer"); </script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值