HTML & amp; Javascript - как обнаружить и включить оповещение, когда полноэкранное видео включено
Убедитесь, что вы используете com.fasterxml.jackson всюду. Я потратил много времени, чтобы узнать это.
<properties>
<fasterxml.jackson.version>2.9.2</fasterxml.jackson.version>
</properties>
<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-annotations -->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-annotations</artifactId>
<version>${fasterxml.jackson.version}</version>
</dependency>
<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind -->
<dependency>
<groupId>com.fasterxml.jackson.core</groupId>
<artifactId>jackson-databind</artifactId>
<version>${fasterxml.jackson.version}</version>
</dependency>
Затем используйте @JsonManagedReference и @JsonBackReference.
Наконец, вы можете сериализовать свою модель на JSON:
import com.fasterxml.jackson.databind.ObjectMapper;
ObjectMapper mapper = new ObjectMapper();
String json = mapper.writeValueAsString(model);
2 ответа
Вот как прослушать полноэкранное видео в Chrome 63:
function fullScreenListener() {
if (document.webkitFullscreenElement === this) {
console.log("Full screen enabled");
}
}
const video = document.querySelector("video");
video.addEventListener("webkitfullscreenchange", fullScreenListener);
Более кроссплатформенное решение будет:
function fullScreenListener() {
if (document.webkitFullscreenElement === this ||
document.mozFullScreenElement === this ||
document.fullScreenElement === this) {
console.log("Full screen enabled");
}
}
const video = document.querySelector("video");
if (typeof video.onwebkitfullscreenchange !== "undefined") {
video.addEventListener("webkitfullscreenchange", fullScreenListener);
} else if (typeof video.onmozfullscreenchange !== "undefined") {
video.addEventListener("mozfullscreenchange", fullScreenListener);
} else if (typeof video.fullscreenchange !== "undefined") {
video.addEventListener("fullscreenchange", fullScreenListener);
}
Подробнее о полноэкранном API: https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API
PS: вызов window.alert () в полноэкранном режиме вызывает тег видео выйти из полноэкранного режима.
Это невозможно только с помощью предупреждения. Существуют различные API для полноэкранного режима видео.
для Mozilla - https://wiki.mozilla.org/index.php?title=Gecko:FullScreenAPI или https://developer.mozilla.org/en- US / docs / Web / API / Fullscreen_API
Здесь вы найдете хорошее резюме https://www.thecssninja.com/javascript/fullscreen
[ 118] Как это сделать
Вам просто нужно добавить один div с z-index в теге video или canvas