Я написал приложение для Video Player, используя video.js, но оно не воспроизводилось, когда я нажал на кнопку воспроизведения.
Я попытался проверить в браузере и увидел эту ошибку:
Uncaught TypeError: Предоставленный элемент или идентификатор недопустимы.(videojs) на videojs (video.js: 21689)
Затем, когда я проверил (video.js: 21689), у меня есть это:
if (! tag ||! tag.nodeName) {// re: nodeName, может быть блоком div и бросать новый TypeError ('Предоставленный элемент или идентификатор недействителен. (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>
Я ожидаю, что видео будет воспроизводиться, когда я нажму, но не произойдет