summaryrefslogtreecommitdiffstats
path: root/mobile/android/fenix/app/src/androidTest/assets/pages/mutedVideoPage.html
diff options
context:
space:
mode:
Diffstat (limited to 'mobile/android/fenix/app/src/androidTest/assets/pages/mutedVideoPage.html')
-rw-r--r--mobile/android/fenix/app/src/androidTest/assets/pages/mutedVideoPage.html68
1 files changed, 35 insertions, 33 deletions
diff --git a/mobile/android/fenix/app/src/androidTest/assets/pages/mutedVideoPage.html b/mobile/android/fenix/app/src/androidTest/assets/pages/mutedVideoPage.html
index 51f93c7e78..6963088be5 100644
--- a/mobile/android/fenix/app/src/androidTest/assets/pages/mutedVideoPage.html
+++ b/mobile/android/fenix/app/src/androidTest/assets/pages/mutedVideoPage.html
@@ -1,49 +1,51 @@
-<!DOCTYPE HTML>
+<!DOCTYPE html>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<html>
-<head>
+ <head>
<title>Muted_Video_Test_Page</title>
-</head>
-<body>
-<p id="testContent">Page content: muted video player</p>
-<div class="playbackState">
- <p>Media file not playing</p>
-</div>
-<div id="video-container" style="text-align:center">
- <button onclick="play()">Play</button>
- <button onclick="pause()">Pause</button>
- <button onclick="fullscreen()">Full Screen</button>
- <br><br>
- <video id="mutedVideo" width="420" autoplay muted controls loop>
- <source src="../resources/clip.mp4" type="video/mp4">
+ </head>
+ <body>
+ <p id="testContent">Page content: muted video player</p>
+ <div class="playbackState">
+ <p>Media file not playing</p>
+ </div>
+ <div id="video-container" style="text-align: center">
+ <button onclick="play()">Play</button>
+ <button onclick="pause()">Pause</button>
+ <button onclick="fullscreen()">Full Screen</button>
+ <br /><br />
+ <video id="mutedVideo" width="420" autoplay muted controls loop>
+ <source src="../resources/clip.mp4" type="video/mp4" />
Your browser does not support HTML video.
- </video>
-</div>
+ </video>
+ </div>
-<script>
- const mutedVideo = document.getElementById("mutedVideo");
+ <script>
+ const mutedVideo = document.getElementById("mutedVideo");
- function play() {
+ function play() {
mutedVideo.play();
- }
+ }
- function pause() {
+ function pause() {
mutedVideo.pause();
- }
+ }
- function fullscreen() {
+ function fullscreen() {
mutedVideo.requestFullscreen();
- }
+ }
- mutedVideo.addEventListener('playing', (event) => {
- document.querySelector('.playbackState').innerHTML="Media file is playing";
- });
+ mutedVideo.addEventListener("playing", event => {
+ document.querySelector(".playbackState").innerHTML =
+ "Media file is playing";
+ });
- mutedVideo.addEventListener('pause', (event) => {
- document.querySelector('.playbackState').innerHTML="Media file is paused";
- });
-</script>
-</body>
+ mutedVideo.addEventListener("pause", event => {
+ document.querySelector(".playbackState").innerHTML =
+ "Media file is paused";
+ });
+ </script>
+ </body>
</html>