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

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.服务器

服务器我选用的是飘云服务器

环境首选还是LAMP环境，稳定性一流。

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

效果如下：

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
收藏
海报
分享链接：https://blog.piaoyun.com/serverzhishi/2020/185.html 分享到 :


src

感谢您的来访，获取更多精彩文章请收藏本站。