Question

我使用video.js为Video Player编写了一个应用程序，但是当我单击播放时它无法播放。

我尝试在浏览器上进行检查，但看到此错误：

未捕获的TypeError：提供的元素或ID无效。（videojs）在videojs（video.js：21689）

然后当我检查（video.js：21689）时，我有这个提示：

if（！tag ||！tag.nodeName）{ // re：nodeName，也可以是box div 抛出新的TypeError（'提供的元素或ID无效。（videojs）'）; //返回 }

<link href="https://vjs.zencdn.net/5.10.2/video-js.css" rel="stylesheet">

@if(strstr($media->mime_type, "video/"))
<div  oncontextmenu=”return false;”>
    <video controls controlsList="nodownload"  id="videoElementID" playsinline>
        <source   src="{{str_replace('http://localhost:8000','http://example.com/public',$media->getUrl())}}" type="video/mp4" >
    </video>


</div>




@elseif(strstr($media->mime_type, "audio/"))
 <div style="magin:0 auto;">
    <audio  controls controlsList="nodownload"  style="width:100%;">
        <source src="{{str_replace('http://localhost:8000','http://example.com/public',$media->getUrl())}}" type="audio/mp3">
    </audio>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="https://vjs.zencdn.net/5.10.2/video.js"></script>
<script src="//cdn.sc.gl/videojs-hotkeys/0.2/videojs.hotkeys.min.js"></script>

<script type="text/javascript">

const player = videojs('vid1', {});
document.addEventListener('contextmenu', event => event.preventDefault());
            function takeTest() {
            $('.lectureArea').hide();
                    $('.testMarker').hide();
                    $('.testArea').show();
            }

            $(document).ready(function(){
   $('#videoElementID').bind('contextmenu',function() { return false; });
});
</script>

我希望视频能在我点击但没有发生时播放

Answer 1

您需要传递视频控件ID

const player = videojs('videoElementID', {});

VideoJ无法在浏览器和设备上播放

1 个答案: