=XHG78999= 2021-05-15 01:50 采纳率: 100%
浏览 536
已结题

Video.js CSS引入成功但无法正常显示

如题,我在用video.js做一个小小的播放器,但是样式一直失效,查看Network却显示CSS请求正常。

我完全学着网上其他用这玩意的引入的!!!

Code:

<!DOCTYPE html>
<html>
    <head>
        <title>视频播放器</title>
        <link rel="stylesheet" href="./assets/css/main.css">
        <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
        <link href="https://cdn.bootcss.com/video.js/7.6.5/video-js.min.css" rel="stylesheet">
        <script src="./player/js/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/video.js/7.6.5/video.min.js"></script>
        <script src="https://cdn.bootcss.com/video.js/7.6.5/lang/zh-CN.js"></script>
        <script src="https://cdn.bootcss.com/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>
    </head>
    <body>
        <div class="header">
            <div class="header-wrapper">
                <div class="header-lookup">
                    <p class="title">视频播放器</p>
                </div>
                <nav class="header-nav">
                    <ul class="header-nav-list">
                        <li class="header-nav-list-option">
                            <a class="header-nav-link" href="#">使用教程</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="container">
            <div class="player" id="player">
                <video id="video" class="video" controls></video>
            </div>
            <table class="form-table" align="center">
                <tr>
                    <td>
                        <input class="input" type="text" placeholder="视频的URL地址">
                    </td>
                    <td>
                        <button class="button"><i class="fa fa-play-circle-o"></i> 播放</button>
                    </td>
            </table>
        </div>
    </body>
</html>

显示:

我该怎么做?

展开全部

  • 写回答

4条回答 默认 最新

  • CSDN专家-showbo 2021-05-15 04:45
    关注

    要给video标签添加video-js样式就行了~~

    <video id="video" class="video-js" controls></video>
    <script>
            var player = videojs('video');
        </script>

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)
编辑
预览

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 12月16日

悬赏问题

  • ¥15 代写uni代码,app唤醒
  • ¥15 全志t113i启动qt应用程序提示internal error
  • ¥15 ensp可以看看嘛.
  • ¥80 51单片机C语言代码解决单片机为AT89C52是清翔单片机
  • ¥60 优博讯DT50高通安卓11系统刷完机自动进去fastboot模式
  • ¥15 minist数字识别
  • ¥15 在安装gym库的pygame时遇到问题,不知道如何解决
  • ¥20 uniapp中的webview 使用的是本地的vue页面,在模拟器上显示无法打开
  • ¥15 网上下载的3DMAX模型,不显示贴图怎么办
  • ¥15 关于#stm32#的问题:寻找一块开发版,作为智能化割草机的控制模块和树莓派主板相连,要求:最低可控制 3 个电机(两个驱动电机,1 个割草电机),其次可以与树莓派主板相连电机照片如下:
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部