Fatal编程技术网
  • javascript/
  • Javascript 得到http://example.co.in/owl-carousel/owl.theme.css net:：ERR_中止404（未找到）

Javascript 得到http://example.co.in/owl-carousel/owl.theme.css net:：ERR_中止404（未找到）

javascript html reactjs

Javascript 得到http://example.co.in/owl-carousel/owl.theme.css net:：ERR_中止404（未找到）,javascript,html,reactjs,cpanel,video-player,Javascript,Html,Reactjs,Cpanel,Video Player,我已经将React js文件夹上传到cPanel，现在当我打开域时，它显示为空白，并在控制台中显示错误消息，如下所示： 获取网络：：ERR_中止404（未找到） 下面是我的index.html文件： <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width

我已经将React js文件夹上传到cPanel，现在当我打开域时，它显示为空白，并在控制台中显示错误消息，如下所示：

获取网络：：ERR_中止404（未找到）

下面是我的index.html文件：

<html lang="en">
  <head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Luit – Watch &amp; Download Movies, Web Series, Music Video, Short Movies and much more</title>

    <link rel="stylesheet" href="css/themify-icons.css">
    <!-- Favicon icon -->
    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon.png">
    <link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
    <link href="https://unpkg.com/video.js@7/dist/video-js.min.css" rel="stylesheet"/>

    <!-- City -->
    <link href="https://unpkg.com/@videojs/themes@1/dist/city/index.css" rel="stylesheet"/>

    <!-- Custom Stylesheet -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/video-player.css">
    <link rel="stylesheet" href="css/verifyotp.css">
    <link rel="stylesheet" href="css/terms.css" >
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    <link rel="stylesheet" href="/owl-carousel/owl.theme.css">



  </head>
  <body>

    <script  type="text/babel" src="/__/firebase/8.4.1/firebase-app.js"></script>

    <!-- TODO: Add SDKs for Firebase products that you want to use
        https://firebase.google.com/docs/web/setup#available-libraries -->
    <script  type="text/babel" src="/__/firebase/8.4.1/firebase-analytics.js"></script>

    <!-- Initialize Firebase -->
    <script type="text/babel" src="/__/firebase/init.js"></script>
    <script src="js/plugin.js"></script>
    <script type="text/babel" src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="js/scripts.js"></script>
    <script type="text/babel" src="js/country.js"></script>
    <script type="text/babel" src="js/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script type="text/babel" src="js/video-player.js"></script>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

      You can add webfonts, meta tags, or analytics to this file.
      The build step will place the bundled scripts into the <body> tag.

      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
  </body>
</html>


路易特-手表及；下载电影、网络系列、音乐视频、短片等
您需要启用JavaScript才能运行此应用程序。
我在video-player.js中还发现一个错误，如下所示： 未捕获类型错误：无法在视频播放器上读取null的属性“addEventListener”。js:121

有人能帮我吗

这是video-player.js文件

        var player = document.querySelector('.player');
        var video = document.querySelector('#video');
        var playBtn = document.querySelector('.play-btn');
        var volumeBtn = document.querySelector('.volume-btn');
        var volumeSlider = document.querySelector('.volume-slider');
        var volumeFill = document.querySelector('.volume-filled');
        var progressSlider = document.querySelector('.progress');
        var progressFill = document.querySelector('.progress-filled');
        var textCurrent = document.querySelector('.time-current');
        var textTotal = document.querySelector('.time-total');
        var speedBtns = document.querySelectorAll('.speed-item');
        var fullscreenBtn =document.querySelector('.fullscreen'); 

        //GLOBAL VARS
        let lastVolume = 1;
        let isMouseDown = false;

        //PLAYER FUNCTIONS
        function togglePlay() {
            if (video.paused) {
                video.play();
            } else {
                video.pause();  
            }
            playBtn.classList.toggle('paused');
        }
        function togglePlayBtn() {
            playBtn.classList.toggle('playing');
        }

        function toggleMute() {
            if(video.volume) {
                lastVolume = video.volume;
                video.volume = 0;
                volumeBtn.classList.add('muted');
                volumeFill.style.width = 0;
            } else {
                video.volume = lastVolume;
                volumeBtn.classList.remove('muted');
                volumeFill.style.width = `${lastVolume*100}%`;
            }
        }
        function changeVolume(e) {
                volumeBtn.classList.remove('muted');
                let volume = e.offsetX/volumeSlider.offsetWidth;
                volume<0.1 ? volume = 0 : volume=volume; 
                volumeFill.style.width = `${volume*100}%`;
                video.volume = volume;
                if (volume > 0.7) {
                    volumeBtn.classList.add('loud');
                } else if (volume < 0.7 && volume > 0) {
                    volumeBtn.classList.remove('loud');
                } else if (volume == 0) {
                    volumeBtn.classList.add('muted');
                }
                lastVolume = volume;
        }
        function neatTime(time) {
          // var hours = Math.floor((time % 86400)/3600)
          var minutes = Math.floor((time % 3600)/60);
          var seconds = Math.floor(time % 60);
            seconds = seconds>9?seconds:`0${seconds}`;
            return `${minutes}:${seconds}`;
        }
        function updateProgress(e) {
            progressFill.style.width = `${video.currentTime/video.duration*100}%`;
            textCurrent.innerHTML = `${neatTime(video.currentTime)} / ${neatTime(video.duration)}`;
            // textTotal.innerHTML = neatTime(video.duration);
            // console.log(progressFill.style.width);
        }
        function setProgress(e) {
            const newTime = e.offsetX/progressSlider.offsetWidth;
            progressFill.style.width = `${newTime*100}%`;
            video.currentTime = newTime*video.duration;
        }
        function launchIntoFullscreen(element) {
          if(element.requestFullscreen) {
            element.requestFullscreen();
          } else if(element.mozRequestFullScreen) {
            element.mozRequestFullScreen();
          } else if(element.webkitRequestFullscreen) {
            element.webkitRequestFullscreen();
          } else if(element.msRequestFullscreen) {
            element.msRequestFullscreen();
          }
        }
        function exitFullscreen() {
          if(document.exitFullscreen) {
            document.exitFullscreen();
          } else if(document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
          } else if(document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
          }
        }
        var fullscreen = false;
        function toggleFullscreen() {
            fullscreen? exitFullscreen() : launchIntoFullscreen(player)
            fullscreen = !fullscreen;
        }
        function setSpeed(e) {
            console.log(parseFloat(this.dataset.speed));
            video.playbackRate = this.dataset.speed;
            speedBtns.forEach(speedBtn =>   speedBtn.classList.remove('active'));
            this.classList.add('active');
        }
        function handleKeypress(e) {
            switch (e.key) {
                case " ":
                    togglePlay();
                case "ArrowRight":
                    video.currentTime += 5;
                case "ArrowLeft":
                    video.currentTime -= 5;
                default:
                    return;
            }
        }
        //EVENT LISTENERS
        playBtn.addEventListener('click', togglePlay);
        video.addEventListener('click', togglePlay);
        video.addEventListener('play', togglePlayBtn);
        video.addEventListener('pause', togglePlayBtn);
        video.addEventListener('ended', togglePlayBtn);
        video.addEventListener('timeupdate', updateProgress);
        video.addEventListener('canplay', updateProgress);
        volumeBtn.addEventListener('click', toggleMute);
        window.addEventListener('mousedown', () => isMouseDown = true)
        window.addEventListener('mouseup', () => isMouseDown = false)
        // volumeSlider.addEventListener('mouseover', changeVolume);
        volumeSlider.addEventListener('click', changeVolume);
        progressSlider.addEventListener('click', setProgress);
        fullscreenBtn.addEventListener('click', toggleFullscreen);
        speedBtns.forEach(speedBtn => {
            speedBtn.addEventListener('click', setSpeed);
        })
        window.addEventListener('keydown', handleKeypress);


var-player=document.querySelector（'.player'）；
var video=document.querySelector（“#video”）；
var playBtn=document.querySelector（'.playBtn'）；
var volumeBtn=document.querySelector（'.volumeBtn'）；
var volumeSlider=document.querySelector（'.volume slider'）；
var volumeFill=document.querySelector（'.volume-filled'）；
var progressSlider=document.querySelector（'.progress'）；
var progressFill=document.querySelector（'.progressfilled'）；
var textCurrent=document.querySelector（“.time current”）；
var textotal=document.querySelector（'.time total'）；
var speedBtns=document.querySelectorAll（“.speed item”）；
var fullscreenBtn=document.querySelector（'.fullscreen'）；
//全局变量
设lastVolume=1；
失望=错误；
//播放器功能
函数togglePlay（）{
如果（视频暂停）{
video.play（）；
}否则{
video.pause（）；
}
playBtn.classList.toggle（'paused'）；
}
函数togglePlayBtn（）{
playBtn.classList.toggle（'playing'）；
}
函数toggleMute（）{
if（视频.音量）{
lastVolume=video.volume；
video.volume=0；
volumeBtn.classList.add（'muted'）；
volumeFill.style.width=0；
}否则{
video.volume=lastVolume；
volumeBtn.classList.remove（'muted'）；
volumeFill.style.width=`${lastVolume*100}%`；
}
}
功能更改卷（e）{
volumeBtn.classList.remove（'muted'）；
设体积=e.offsetX/volumeSlider.offsetWidth；
第0.7卷）{
volumeBtn.classList.add（'loud'）；
}否则如果（音量<0.7&&音量>0）{
volumeBtn.classList.remove（'loud'）；
}else if（卷==0）{
volumeBtn.classList.add（'muted'）；
}
lastVolume=体积；
}
函数在某一时刻（时间）{
//变量小时数=数学下限（（时间%86400）/3600）
var分钟数=数学下限（（时间%3600）/60）；
var秒数=数学下限（时间%60）；
秒=秒>9秒：`0${seconds}`；
返回`${minutes}:${seconds}`；
}
函数更新进程（e）{
progressFill.style.width=`${video.currentTime/video.duration*100}%`；
textCurrent.innerHTML=`${neatTime（video.currentTime）}/${neatTime（video.duration）}`；
//textTotal.innerHTML=neatTime（video.duration）；
//日志（progressFill.style.width）；
}
功能设置进度（e）{
const newTime=e.offsetX/progressSlider.offsetWidth；
progressFill.style.width=`${newTime*100}%`；
video.currentTime=newTime*video.duration；
}
功能启动进入全屏（元素）{
if（element.requestFullscreen）{
元素。requestFullscreen（）；
}else if（element.mozRequestFullScreen）{
元素。mozRequestFullScreen（）；
}else if（element.webkitRequestFullscreen）{
元素。webkitRequestFullscreen（）；
}else if（element.msRequestFullscreen）{
元素。msRequestFullscreen（）；
}
}
函数exitFullscreen（）{
if（document.exitFullscreen）{
document.exitFullscreen（）；
}else if（document.mozCancelFullScreen）{
document.mozCancelFullScreen（）；
}else if（document.webkitExitFullscreen）{
document.webkitExitFullscreen（）；
}
}
var全屏=假；
函数切换全屏（）{
全屏？exitFullscreen（）：启动全屏（播放器）
全屏=！全屏；
}
功能设定速度（e）{
log（parseFloat（this.dataset.speed））；
video.playbackRate=this.dataset.speed；
forEach（speedBtn=>speedBtn.classList.remove（'active'）；
this.classList.add（'active'）；
}
功能手柄按键（e）{
开关（电子钥匙）{
案例“”：
切换播放（）；
案例“ArrowRight”：
video.currentTime+=5；
案例“箭头左”：
video.currentTime-=5；
违约：
返回；
}
}
//事件侦听器
playBtn.addEventListener（“单击”，切换播放）；
video.addEventListener（“单击”，切换播放）；
video.addEventListener（'play'，togglePlayBtn）；
video.addEventListener（'pause'，togglePlayBtn）；
video.addEventListener（'ended'，togglePlayBtn）；
video.addEventListener（'timeupdate'，updateProgress）；
video.addEventListener（'canplay'，updateProgress）；
volumeBtn.addEventListener（'单击'，切换