Use vue-video-player, to switch video sources in full-screen state, appear to jump out of full-screen and videojs reports an error

recently, I am working on a live broadcast project, and there is a need to switch definition, that is, to switch video sources.
the video source can be switched normally in the non-full screen state, but there is a problem. If you switch the video source in the full screen state, the video will automatically jump out of the full screen and become the original small screen. At the same time, the console videojs reports an error.
the goal is to maintain full screen after switching video sources in full screen mode. How to deal with this situation? The following is a screenshot of the source code

Video.js

Mar.21,2021

has found a solution because the method for switching video sources is incorrect and should be this.$refs.videoPlayer.player.src ('rtmp address to be switched').

how do I default to full screen?

excuse me, do you need to add the button to switch definition? Is there still a setting, or in sources [], if you write a few corresponding ones, the button to toggle clarity will automatically appear?

Previous: Node project npm start error 404 Magi Ajax request 404

Next: I don't quite understand the source code of compose function in redux.

How to play mpeg-2 transport stream (ts format video file) on a web page?
the user uploaded a video in ts format. After the upload is successful, I need to make the video display on the page and play it back. HTML5 doesn t seem to support video playback in ts format? Ask for advice on how to deal with it ...

Video.js javascript html5

Mar.06,2021
How to realize slow or fast video playback in fluent-ffmpeg
https: github.com fluent-ffm. I would like to ask how to use fluent-ffmpeg to achieve slow video playback, for example, if the original video is 8 minutes, the exported video is twice as slow to 16 minutes! < H1 > Thank you < H1 > ...

Ffmpeg video.js node.js javascript

Mar.10,2021
Select a local video file, which cannot be played with video.js, and solve the problem.
now there is a need to select a video file through input type= "file " and preview the video effect in the corresponding place I use url: jqvideo.js: what is the reason for this? Kneel and ask the god for advice, how can video.js play local video ...

Video.js

Mar.12,2021
Select a local video file, which cannot be played with video.js
now there is a need to select a video file through input type= "file " and preview the video effect in the corresponding place. I use url: jqvideo.js: to beg for advice. How can video.js play local video files? Thank you. ...

Video.js

Mar.12,2021
How does video.js get the resolution of the video?
jq can get the duration and resolution of the video by adding loadedmetadata. But how does video.js, get the resolution of the video? ...

Html jquery video.js

Mar.12,2021
Before video.js, is terminated, the instance is reinitialized and cannot be initialized.
before I destroy the instance in demo, the instance is reinitialized, which is ok: var handler = function () { alert(12111); } var handler1 = function () { alert(22222); } var player; play(handler); function play(handler) { videojs("ex...

Html jquery javascript video.js Video

Mar.13,2021
Video.js,demo is the same as the code of its own project, but the effect is not the same.
demo code written by myself: : : : what s going on? For the first time with the help of video.js, God, thank you. another: vertical volume bar, set, also can not achieve vertical display, is there a problem with my code? ...

Video.js Video

Mar.14,2021
Using requirejs to load videojs-contrib-hls in vue reported an error.
require ( videojs-contrib-hls dist videojs-contrib-hls ); ...

Requirejs video.js

Mar.15,2021
When video.js plays a rtmp stream, how do I know that the rtmp stream has been disconnected?
play the rtmp stream normally with video.js 5.5.When the stream may be disconnected for a period of time and then resume, the front end will not automatically reconnect? is there a callback for video.js to know that the stream has been disconnected? v...

Rtmp video.js

Mar.16,2021
Report an error when playing video dynamically with video.js
now there is a need to use video.js to play video resources dynamically selected by users. Users can manipulate the video at will: for example: video.jsloadedmetadataaviflvjqloadedmetadatavideo.jsvideo.js: html: js: : : set flash to allow and refres...

Video-player html jquery video.js

Mar.16,2021
Video embedded mp4 is placed on Aliyun oss. It cannot be played by ie, but can be played by local path address.
the mp4 file already uses H264 video codec and AAC audio codec, and the Aliyun address on ie browser cannot be played <video loop="loop" controls="controls" autoplay="autoplay" > : <source src="http: 1jbe...

Html Video video.js

Mar.18,2021
The problem of introducing video.js 's playlist plug-in into vue-video-player
using vue-video-player for video playback requires playlist function. It is found that there are playlist and playlist-ui modules in the plugin of videojs, so try to introduce: directly into the playback component. has tried to load globally in mai...

Es6 require import video.js vue.js

Mar.18,2021
Does vue-video-player support Rtsp H264 streams?
use the vue-video-player component. When configuring option, set the url of sources to rtsp and the surveillance video of h264 stream. What is the specific type? I have tried a lot of things, such as video h264, etc., but all of them reported an error an...

H264 video.js

Mar.30,2021
Failed to play rtmp stream through video.js?
problem description for example, if you get a rtmp stream and play it on a web page, you can use video.js to find it on the Internet, but you can t play streaming media through your own research. related codes Please paste the code text below...

Video.js rtmp html javascript

Apr.01,2021
How to customize the content of video request header when web loads video?
Corporate video needs to be encrypted. This can be achieved by adding a string of token-like data to the header of the HTTP request for video data at the front end, so as to determine whether the video data is allowed to be returned at the backend. Both ...

Http-first video.js javascript

Apr.01,2021
After inserting videojs into the elementui dialog box, click No response
Element UI version 2.4.5 OS Browsers version Chrome 67.0.3396.99 (64bit) Vue version 2.5.17 Compent version VideoJs V6.6.2 Element-UI v2.4.5 Reproduction Link https: jsfiddle.net 15klli h63s104c 14 Steps to reproduce Click ...

Dialog element-ui video.js vue.js

Apr.03,2021
Video videos can be played normally in other browsers, but not in chrome browsers, but can be played in F12 debug mode refresh.
<video loop="loop" autoplay="autoplay" poster="img videobg.jpg"> <source src="img design1.mp4" type="video mp4" > < video> video chromef12 ...

Video.js html css

Apr.03,2021
When videojs is used as a player, errors are reported when playing live streaming.
nginx-rtmp server has been set up, which is based on the link description VCL verification that can be played, but using videojs results to report an error code is as follows <head> <link href="https: vjs.zencdn.net 7.1.0 video-j...

Video.js javascript

Apr.06,2021
H5 video stream playback problem
the video (mp4) format given by the backend is as follows http: xxx.com component attachment!showAudio.action?checkUser=false&period=&downloadToken=201808311728408516319658946934496210e537ab7425ada8f8cd2430ccb36f&configCode=lr_learningHour...

Html5 video.js javascript Video

May.22,2021
Monitor video playback time?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title< title> < head> <style> *{ margin: 0; padding: 0; } .v_box{ width:...

Javascript html css video.js html5

Jun.30,2021