-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdesktop_body.html
executable file
·85 lines (69 loc) · 2.42 KB
/
desktop_body.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
<div>
Youtube HTML5
</div>
<span id="timer">TIME</span>
<!-- controls - browser-implemented control bar -->
<!-- preload - tells browser to not preload video on page load (performance/bandwidth) -->
<div class="player">
<video
style="display: none;"
id="youtube"
controls
x-webkit-airplay="allow"
tabindex="0"
data-youtube-id="JUs7iG1mNjI"
poster="http://i3.ytimg.com/vi/JUs7iG1mNjI/hqdefault.jpg"
src="http://o-o.preferred.iad09g01.v4.lscache1.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Cratebypass%2Coc%3AU0hQRlhTVF9FSkNOMF9QTVhJ&fexp=904427%2C910211&itag=43&ip=0.0.0.0&signature=9193FD4FECD728AC19FD0B72876151895F5051FD.95666BE8C4CBD0411389944BE7323878280091EC&sver=3&ratebypass=yes&expire=1311886800&key=yt1&ipbits=0&id=254b3b886d663632">
</video>
</div>
<div class="player">
<video
controls
id="youtube_join"
x-webkit-airplay="allow"
tabindex="0"
height="360"
width="640"
data-youtube-id="JUs7iG1mNjI"
poster="http://i3.ytimg.com/vi/JUs7iG1mNjI/hqdefault.jpg"
src="http://o-o.preferred.iad09g01.v4.lscache1.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Cratebypass%2Coc%3AU0hQRlhTVF9FSkNOMF9QTVhJ&fexp=904427%2C910211&itag=43&ip=0.0.0.0&signature=9193FD4FECD728AC19FD0B72876151895F5051FD.95666BE8C4CBD0411389944BE7323878280091EC&sver=3&ratebypass=yes&expire=1311886800&key=yt1&ipbits=0&id=254b3b886d663632">
</video>
</div>
<!--
Bugs (bad HTML5 impl.):
iOS3
----
poster attribute will BREAK the video. Add it later dynamically. UA sniffing :(
.mp4 source has to be first
Android
-------
type attribute on mp4 source BREAKS video
Controls only full-screen.
You need to fire play() method programmatically on a HTML button or click of <video /> tag
(careful to remove this after and change to pause())
Desktop
-------
Firefox will not degrade to Flash if there is no Firefox-compatible video file
Javascript API:
Buffering - you can see what has been buffered.
Seek - you can seek to a point not yet downloaded
.currentTime (writable)
.duration
Error handling
Playback
.paused
.play()
.pause()
.playbackRate
Other
.volume (not on ipad/iphone)
.muted (not on ipad/iphone)
.networkState
.readyState
Server side:
MIME types
----------
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
-->