【网站】如何做一个自己的视频网站

很喜欢一个小姐姐的影视作品,但是网上资源少的可怜,所以想去做一个视频网站,满足大家的观看需求。趁着天气凉快,开始行动!

1.前端

网上查到很多开源的视频插件,最后我用到videojs这一款开源的视频播放器。

很容易上手操作。

在html文件,head标签里引入css、js文件。

 <link href="https://vjs.zencdn.net/7.0.3/video-js.css" rel="stylesheet">
 <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
 <script src="http://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script>

最后是视频播放器的核心代码:

 <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" poster="../img/封面.jpg" data-setup="{}">
                    <source src="../vedio/你的视频文件名.mp4" type='video/mp4'>
                    <source src="MY_VIDEO.webm" type='video/webm'>
                    <p class="vjs-no-js">
                        To view this video please enable JavaScript, and consider upgrading to a web browser that
                        <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
                    </p>
</video>

<script src="https://vjs.zencdn.net/7.0.3/video.js"></script>

这个播放器兼容性非常好,做出来的效果也很漂亮。

2.服务器

服务器我选用的是腾讯云1核内存2G的云主机,其中50G云硬盘是真的爽。
这里写图片描述
环境首选还是LAMP环境,稳定性一流。

一开始网站运行起来很卡,视频加载起来非常慢,我猜是网络带宽不够的原因,将带宽调整到100M后,视频播放毫无压力。
这里写图片描述

效果如下:

视频播放器

这是网站首页,美美哒。

这里写图片描述

链接地址:

1.vediojs源码地址:http://videojs.com/getting-started/#customize

2.其他几款视频插件:http://www.yyyweb.com/2288.html

  • 20
    点赞
  • 110
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 12
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Keyli0n

赠人玫瑰 手有余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值