-
Notifications
You must be signed in to change notification settings - Fork 305
/
index.html
135 lines (112 loc) · 3.55 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!--<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Arial,serif;
font-size: 17px;
}
#myVideo {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
}
.content {
position: fixed;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
width: 100%;
padding: 20px;
}
#myBtn {
width: 200px;
font-size: 18px;
padding: 10px;
border: none;
background: #000;
color: #fff;
cursor: pointer;
}
#myBtn:hover {
background: #ddd;
color: black;
}
</style>
</head>
<body>
id="myVideo"
<video autoplay controls >
<source src="./_Assessment/assets/XX_CV_CheckList_AR_3991.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<video autoplay controls >
<source src="./_Assessment/assets/SZ_GeneralSection_CheckList_AR_3991.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<div class="content" dir="rtl">
<h1>راهنمای تکمیل فرم های عمومی</h1>
<!– <p></p>–>
<!– <button id="myBtn" onclick="myFunction()">Pause</button>–>
</div>
<script>
var video = document.getElementById("myVideo");
var btn = document.getElementById("myBtn");
function myFunction() {
if (video.paused) {
video.play();
btn.innerHTML = "Pause";
} else {
video.pause();
btn.innerHTML = "Play";
}
}
</script>
</body>
</html>-->
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!--<h2>Fullscreen with JavaScript</h2>-->
<!--<p>Click on the button to open the video in fullscreen mode.</p>-->
<button onclick="openFullscreen();">Open Video in Fullscreen Mode</button>
<p><strong>Tip:</strong> Press the "Esc" key to exit full screen.</p>
<p>فیلم راهنمای تکمیل فرمها_ارزیابی رزومه و انگیزه نامه</p>
<video width="70%" controls id="myvideo">
<source src="assets/fc5f635075022c2391c6530b93d9404026888743-720p.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<video width="70%" controls id="myvideo1">
<source src="./_Assessment/assets/XX_CV_CheckList_AR_3991.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<p>فیلم راهنمای تکمیل فرمها_خلاصه ارزیابی بخش عمومی</p>
<video width="70%" controls id="myvideo2">
<source src="./_Assessment/assets/SZ_GeneralSection_CheckList_AR_3991.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<script>
var elem = document.getElementById("myvideo");
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen) { /* Safari */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE11 */
elem.msRequestFullscreen();
}
}
</script>
<p>Note: Internet Explorer 10 and earlier versions do not support the msRequestFullscreen() method.</p>
</body>
</html>