The initial HTMLVideoElement is replaced by a new one on IOS

[hebrerillo]

Hello there!

On IOS, the initial HTMLVideoElement that is used to create the instance of Player is replaced by a another new HTMLVideoElement.

See this example code:

const videoJS = videojs(videoElement);
videoJS.on('loadeddata', () => {
console.log(videoElement === videoJS.el().querySelector("video"));
videoJS.play();
});
videoJS.load();

On Firefox and Chrome, the log outputs true. However, on IOS(Safari) the output is false.

Is there any option to pass to videojs so that on IOS it does not replace the initial HTMLVideoElement??

I really need that initial HTMLVideoElement.

Thank you!

[gkatsev]

Take a look at the "player div ingest" section here: https://videojs.com/guides/embeds/#player-div-ingest

[hebrerillo]

@gkatsev it works like a charm!! Thank you!!

[gkatsev]

you're welcome!