API tools faq
paste
Advertisement
Guest User

Player -StrobeMediaPlayback

a guest
Aug 28th, 2015
89
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.88 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  4. <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
  5. <style type="text/css">
  6. .btn {
  7. display: inline-block;
  8. *display: inline;
  9. *zoom: 1;
  10. padding: 4px 12px;
  11. margin-bottom: 0;
  12. font-size: 14px;
  13. line-height: 20px;
  14. text-align: center;
  15. vertical-align: middle;
  16. cursor: pointer;
  17. color: #333;
  18. text-shadow: 0 1px 1px rgba(255,255,255,0.75);
  19. background-color: #f5f5f5;
  20. background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
  21. background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
  22. background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
  23. background-image: -o-linear-gradient(top,#fff,#e6e6e6);
  24. background-image: linear-gradient(to bottom,#fff,#e6e6e6);
  25. background-repeat: repeat-x;
  26. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
  27. border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  28. border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  29. *background-color: #e6e6e6;
  30. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  31. border: 1px solid #ccc;
  32. *border: 0;
  33. border-bottom-color: #b3b3b3;
  34. -webkit-border-radius: 4px;
  35. -moz-border-radius: 4px;
  36. border-radius: 4px;
  37. *margin-left: .3em;
  38. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
  39. -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
  40. box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
  41. height: 25px;
  42. }
  43.  
  44. .btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {
  45. color: #333;
  46. background-color: #e6e6e6;
  47. *background-color: #d9d9d9;
  48. }
  49.  
  50. .btn:active,.btn.active {
  51. background-color: #ccc \9;
  52. }
  53.  
  54. .btn:first-child {
  55. *margin-left: 0;
  56. }
  57.  
  58. .btn:hover,.btn:focus {
  59. color: #333;
  60. text-decoration: none;
  61. background-position: 0 -15px;
  62. -webkit-transition: background-position .1s linear;
  63. -moz-transition: background-position .1s linear;
  64. -o-transition: background-position .1s linear;
  65. transition: background-position .1s linear;
  66. }
  67.  
  68. .btn:focus {
  69. outline: thin dotted #333;
  70. outline: 5px auto -webkit-focus-ring-color;
  71. outline-offset: -2px;
  72. }
  73.  
  74. .btn.active,.btn:active {
  75. background-image: none;
  76. outline: 0;
  77. -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
  78. -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
  79. box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
  80. }
  81.  
  82. .btn.disabled,.btn[disabled] {
  83. cursor: default;
  84. background-image: none;
  85. opacity: .65;
  86. filter: alpha(opacity=65);
  87. -webkit-box-shadow: none;
  88. -moz-box-shadow: none;
  89. box-shadow: none;
  90. }
  91.  
  92. .btn-large {
  93. padding: 11px 19px;
  94. font-size: 17.5px;
  95. -webkit-border-radius: 6px;
  96. -moz-border-radius: 6px;
  97. border-radius: 6px;
  98. }
  99.  
  100. .btn-large [class^="icon-"],.btn-large [class*=" icon-"] {
  101. margin-top: 4px;
  102. }
  103.  
  104. .btn-small {
  105. padding: 2px 10px;
  106. font-size: 11.9px;
  107. -webkit-border-radius: 3px;
  108. -moz-border-radius: 3px;
  109. border-radius: 3px;
  110. }
  111.  
  112. .btn-small [class^="icon-"],.btn-small [class*=" icon-"] {
  113. margin-top: 0;
  114. }
  115.  
  116. .btn-mini [class^="icon-"],.btn-mini [class*=" icon-"] {
  117. margin-top: -1px;
  118. }
  119.  
  120. .btn-mini {
  121. padding: 0 6px;
  122. font-size: 10.5px;
  123. -webkit-border-radius: 3px;
  124. -moz-border-radius: 3px;
  125. border-radius: 3px;
  126. }
  127.  
  128. .btn-block {
  129. display: block;
  130. width: 100%;
  131. padding-left: 0;
  132. padding-right: 0;
  133. -webkit-box-sizing: border-box;
  134. -moz-box-sizing: border-box;
  135. box-sizing: border-box;
  136. }
  137.  
  138. .btn-block+.btn-block {
  139. margin-top: 5px;
  140. }
  141.  
  142. input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
  143. width: 100%;
  144. }
  145.  
  146. .btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active {
  147. color: rgba(255,255,255,0.75);
  148. }
  149.  
  150. .btn-primary {
  151. color: #fff;
  152. text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  153. background-color: #006dcc;
  154. background-image: -moz-linear-gradient(top,#08c,#04c);
  155. background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
  156. background-image: -webkit-linear-gradient(top,#08c,#04c);
  157. background-image: -o-linear-gradient(top,#08c,#04c);
  158. background-image: linear-gradient(to bottom,#08c,#04c);
  159. background-repeat: repeat-x;
  160. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
  161. border-color: #04c #04c #002a80;
  162. border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  163. *background-color: #04c;
  164. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  165. }
  166.  
  167. .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] {
  168. color: #fff;
  169. background-color: #04c;
  170. *background-color: #003bb3;
  171. }
  172.  
  173. .btn-primary:active,.btn-primary.active {
  174. background-color: #039 \9;
  175. }
  176.  
  177. .btn-warning {
  178. color: #fff;
  179. text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  180. background-color: #faa732;
  181. background-image: -moz-linear-gradient(top,#fbb450,#f89406);
  182. background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
  183. background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
  184. background-image: -o-linear-gradient(top,#fbb450,#f89406);
  185. background-image: linear-gradient(to bottom,#fbb450,#f89406);
  186. background-repeat: repeat-x;
  187. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);
  188. border-color: #f89406 #f89406 #ad6704;
  189. border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  190. *background-color: #f89406;
  191. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  192. }
  193.  
  194. .btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled] {
  195. color: #fff;
  196. background-color: #f89406;
  197. *background-color: #df8505;
  198. }
  199.  
  200. .btn-warning:active,.btn-warning.active {
  201. background-color: #c67605 \9;
  202. }
  203.  
  204. .btn-danger {
  205. color: #fff;
  206. text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  207. background-color: #da4f49;
  208. background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
  209. background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
  210. background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
  211. background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
  212. background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
  213. background-repeat: repeat-x;
  214. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);
  215. border-color: #bd362f #bd362f #802420;
  216. border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  217. *background-color: #bd362f;
  218. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  219. }
  220.  
  221. .btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled] {
  222. color: #fff;
  223. background-color: #bd362f;
  224. *background-color: #a9302a;
  225. }
  226.  
  227. .btn-danger:active,.btn-danger.active {
  228. background-color: #942a25 \9;
  229. }
  230.  
  231. .btn-success {
  232. color: #fff;
  233. text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  234. background-color: #5bb75b;
  235. background-image: -moz-linear-gradient(top,#62c462,#51a351);
  236. background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
  237. background-image: -webkit-linear-gradient(top,#62c462,#51a351);
  238. background-image: -o-linear-gradient(top,#62c462,#51a351);
  239. background-image: linear-gradient(to bottom,#62c462,#51a351);
  240. background-repeat: repeat-x;
  241. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
  242. border-color: #51a351 #51a351 #387038;
  243. border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  244. *background-color: #51a351;
  245. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  246. }
  247.  
  248. .btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled] {
  249. color: #fff;
  250. background-color: #51a351;
  251. *background-color: #499249;
  252. }
  253.  
  254. .btn-success:active,.btn-success.active {
  255. background-color: #408140 \9;
  256. }
  257.  
  258. .btn-info {
  259. color: #fff;
  260. text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  261. background-color: #49afcd;
  262. background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4);
  263. background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
  264. background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4);
  265. background-image: -o-linear-gradient(top,#5bc0de,#2f96b4);
  266. background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);
  267. background-repeat: repeat-x;
  268. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);
  269. border-color: #2f96b4 #2f96b4 #1f6377;
  270. border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  271. *background-color: #2f96b4;
  272. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  273. }
  274.  
  275. .btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled] {
  276. color: #fff;
  277. background-color: #2f96b4;
  278. *background-color: #2a85a0;
  279. }
  280.  
  281. .btn-info:active,.btn-info.active {
  282. background-color: #24748c \9;
  283. }
  284.  
  285. .btn-inverse {
  286. color: #fff;
  287. text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  288. background-color: #363636;
  289. background-image: -moz-linear-gradient(top,#444,#222);
  290. background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));
  291. background-image: -webkit-linear-gradient(top,#444,#222);
  292. background-image: -o-linear-gradient(top,#444,#222);
  293. background-image: linear-gradient(to bottom,#444,#222);
  294. background-repeat: repeat-x;
  295. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);
  296. border-color: #222 #222 #000;
  297. border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  298. *background-color: #222;
  299. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  300. }
  301.  
  302. .btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled] {
  303. color: #fff;
  304. background-color: #222;
  305. *background-color: #151515;
  306. }
  307.  
  308. .btn-inverse:active,.btn-inverse.active {
  309. background-color: #080808 \9;
  310. }
  311.  
  312. button.btn,input[type="submit"].btn {
  313. *padding-top: 3px;
  314. *padding-bottom: 3px;
  315. }
  316.  
  317. button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner {
  318. padding: 0;
  319. border: 0;
  320. }
  321.  
  322. button.btn.btn-large,input[type="submit"].btn.btn-large {
  323. *padding-top: 7px;
  324. *padding-bottom: 7px;
  325. }
  326.  
  327. button.btn.btn-small,input[type="submit"].btn.btn-small {
  328. *padding-top: 3px;
  329. *padding-bottom: 3px;
  330. }
  331.  
  332. button.btn.btn-mini,input[type="submit"].btn.btn-mini {
  333. *padding-top: 1px;
  334. *padding-bottom: 1px;
  335. }
  336.  
  337. .btn-link,.btn-link:active,.btn-link[disabled] {
  338. background-color: transparent;
  339. background-image: none;
  340. -webkit-box-shadow: none;
  341. -moz-box-shadow: none;
  342. box-shadow: none;
  343. }
  344.  
  345. .btn-link {
  346. border-color: transparent;
  347. cursor: pointer;
  348. color: #08c;
  349. -webkit-border-radius: 0;
  350. -moz-border-radius: 0;
  351. border-radius: 0;
  352. }
  353.  
  354. .btn-link:hover,.btn-link:focus {
  355. color: #005580;
  356. text-decoration: underline;
  357. background-color: transparent;
  358. }
  359.  
  360. .btn-link[disabled]:hover,.btn-link[disabled]:focus {
  361. color: #333;
  362. text-decoration: none;
  363. }
  364.  
  365. .btn-group {
  366. position: relative;
  367. display: inline-block;
  368. *display: inline;
  369. *zoom: 1;
  370. font-size: 0;
  371. vertical-align: middle;
  372. white-space: nowrap;
  373. *margin-left: .3em;
  374. }
  375.  
  376. .btn-group:first-child {
  377. *margin-left: 0;
  378. }
  379.  
  380. .btn-group+.btn-group {
  381. margin-left: 5px;
  382. }
  383.  
  384. .btn-toolbar {
  385. font-size: 0;
  386. margin-top: 10px;
  387. margin-bottom: 10px;
  388. }
  389.  
  390. .btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group {
  391. margin-left: 5px;
  392. }
  393.  
  394. .btn-group>.btn {
  395. position: relative;
  396. -webkit-border-radius: 0;
  397. -moz-border-radius: 0;
  398. border-radius: 0;
  399. }
  400.  
  401. .btn-group>.btn+.btn {
  402. margin-left: -1px;
  403. }
  404.  
  405. .btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover {
  406. font-size: 14px;
  407. }
  408.  
  409. .btn-group>.btn-mini {
  410. font-size: 10.5px;
  411. }
  412.  
  413. .btn-group>.btn-small {
  414. font-size: 11.9px;
  415. }
  416.  
  417. .btn-group>.btn-large {
  418. font-size: 17.5px;
  419. }
  420.  
  421. .btn-group>.btn:first-child {
  422. margin-left: 0;
  423. -webkit-border-top-left-radius: 4px;
  424. -moz-border-radius-topleft: 4px;
  425. border-top-left-radius: 4px;
  426. -webkit-border-bottom-left-radius: 4px;
  427. -moz-border-radius-bottomleft: 4px;
  428. border-bottom-left-radius: 4px;
  429. }
  430.  
  431. .btn-group>.btn:last-child,.btn-group>.dropdown-toggle {
  432. -webkit-border-top-right-radius: 4px;
  433. -moz-border-radius-topright: 4px;
  434. border-top-right-radius: 4px;
  435. -webkit-border-bottom-right-radius: 4px;
  436. -moz-border-radius-bottomright: 4px;
  437. border-bottom-right-radius: 4px;
  438. }
  439.  
  440. .btn-group>.btn.large:first-child {
  441. margin-left: 0;
  442. -webkit-border-top-left-radius: 6px;
  443. -moz-border-radius-topleft: 6px;
  444. border-top-left-radius: 6px;
  445. -webkit-border-bottom-left-radius: 6px;
  446. -moz-border-radius-bottomleft: 6px;
  447. border-bottom-left-radius: 6px;
  448. }
  449.  
  450. .btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle {
  451. -webkit-border-top-right-radius: 6px;
  452. -moz-border-radius-topright: 6px;
  453. border-top-right-radius: 6px;
  454. -webkit-border-bottom-right-radius: 6px;
  455. -moz-border-radius-bottomright: 6px;
  456. border-bottom-right-radius: 6px;
  457. }
  458.  
  459. .btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active {
  460. z-index: 2;
  461. }
  462.  
  463. .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
  464. outline: 0;
  465. }
  466.  
  467. .btn-group>.btn+.dropdown-toggle {
  468. padding-left: 8px;
  469. padding-right: 8px;
  470. -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
  471. -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
  472. box-shadow: inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
  473. *padding-top: 5px;
  474. *padding-bottom: 5px;
  475. }
  476.  
  477. .btn-group>.btn-mini+.dropdown-toggle {
  478. padding-left: 5px;
  479. padding-right: 5px;
  480. *padding-top: 2px;
  481. *padding-bottom: 2px;
  482. }
  483.  
  484. .btn-group>.btn-small+.dropdown-toggle {
  485. *padding-top: 5px;
  486. *padding-bottom: 4px;
  487. }
  488.  
  489. .btn-group>.btn-large+.dropdown-toggle {
  490. padding-left: 12px;
  491. padding-right: 12px;
  492. *padding-top: 7px;
  493. *padding-bottom: 7px;
  494. }
  495.  
  496. .btn-group.open .dropdown-toggle {
  497. background-image: none;
  498. -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
  499. -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
  500. box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
  501. }
  502.  
  503. .btn-group.open .btn.dropdown-toggle {
  504. background-color: #e6e6e6;
  505. }
  506.  
  507. .btn-group.open .btn-primary.dropdown-toggle {
  508. background-color: #04c;
  509. }
  510.  
  511. .btn-group.open .btn-warning.dropdown-toggle {
  512. background-color: #f89406;
  513. }
  514.  
  515. .btn-group.open .btn-danger.dropdown-toggle {
  516. background-color: #bd362f;
  517. }
  518.  
  519. .btn-group.open .btn-success.dropdown-toggle {
  520. background-color: #51a351;
  521. }
  522.  
  523. .btn-group.open .btn-info.dropdown-toggle {
  524. background-color: #2f96b4;
  525. }
  526.  
  527. .btn-group.open .btn-inverse.dropdown-toggle {
  528. background-color: #222;
  529. }
  530.  
  531. .btn .caret {
  532. margin-top: 8px;
  533. margin-left: 0;
  534. }
  535.  
  536. .btn-large .caret {
  537. margin-top: 6px;
  538. }
  539.  
  540. .btn-large .caret {
  541. border-left-width: 5px;
  542. border-right-width: 5px;
  543. border-top-width: 5px;
  544. }
  545.  
  546. .btn-mini .caret,.btn-small .caret {
  547. margin-top: 8px;
  548. }
  549.  
  550. .dropup .btn-large .caret {
  551. border-bottom-width: 5px;
  552. }
  553.  
  554. .btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret {
  555. border-top-color: #fff;
  556. border-bottom-color: #fff;
  557. }
  558.  
  559. .btn-group-vertical {
  560. display: inline-block;
  561. *display: inline;
  562. *zoom: 1;
  563. }
  564.  
  565. .btn-group-vertical>.btn {
  566. display: block;
  567. float: none;
  568. max-width: 100%;
  569. -webkit-border-radius: 0;
  570. -moz-border-radius: 0;
  571. border-radius: 0;
  572. }
  573.  
  574. .btn-group-vertical>.btn+.btn {
  575. margin-left: 0;
  576. margin-top: -1px;
  577. }
  578.  
  579. .btn-group-vertical>.btn:first-child {
  580. -webkit-border-radius: 4px 4px 0 0;
  581. -moz-border-radius: 4px 4px 0 0;
  582. border-radius: 4px 4px 0 0;
  583. }
  584.  
  585. .btn-group-vertical>.btn:last-child {
  586. -webkit-border-radius: 0 0 4px 4px;
  587. -moz-border-radius: 0 0 4px 4px;
  588. border-radius: 0 0 4px 4px;
  589. }
  590.  
  591. .btn-group-vertical>.btn-large:first-child {
  592. -webkit-border-radius: 6px 6px 0 0;
  593. -moz-border-radius: 6px 6px 0 0;
  594. border-radius: 6px 6px 0 0;
  595. }
  596.  
  597. .btn-group-vertical>.btn-large:last-child {
  598. -webkit-border-radius: 0 0 6px 6px;
  599. -moz-border-radius: 0 0 6px 6px;
  600. border-radius: 0 0 6px 6px;
  601. }
  602.  
  603. .switcher > button {
  604. min-width: 120px;
  605. }
  606. </style>
  607. </head>
  608. <html style="height: 100%; overflow: hidden;">
  609. <body align="center" style="margin: 0; padding: 0; height: 100%; text-align: center;">
  610. <div align="center" style="position: absolute; top: 0; left:0; right: 0; bottom: 35px">
  611. <div align="center" id="blcPlayer">
  612. <a href="http://get.adobe.com/flashplayer/" target="_blank">
  613. <img src="http://wwwimages.adobe.com/www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtineti Adobe Flash Player" />
  614. <p>Pentru a receptiona transmisia LIVE aveti nevoie un browser cu suport JavaScript activ si de Flash Player versiunea %FLASH_REQ_VERSION% sau mai mare. Click pentru a-l obtine si instala.</p>
  615. </a>
  616. </div>
  617. </div>
  618. <div id="stream-control" style="position: absolute; height: 25px; bottom: 5px; left:0; right: 0;"></div>
  619. <script type="text/javascript">
  620.  
  621. document.getElementById('blcPlayer').innerHTML=document.getElementById('blcPlayer').innerHTML.replace('%FLASH_REQ_VERSION%', '10.1');swfobject.embedSWF('http://embed.bisericilive.com/player.swf','blcPlayer','100%','100%','10.1','',{src:"http://sperantatmro.bisericilive.com/live/events/sperantatmro.f4m",autoPlay:"true",controlBarAutoHide:"true",playButtonOverlay:"true",poster:"",permanentOverlay:"",javascriptCallbackFunction:"SetupJSBridge",loop:"true",initialBufferTime:"0.1",expandedBufferTime:"30"},{allowFullScreen:"true"},{name:"blcPlayer"});
  622. SetupJSBridge = function (playerId, event, obj) {
  623. switch (event) {
  624. case "onJavaScriptBridgeCreated":
  625. this.flashPlayer = $("#" + playerId)[0];
  626. this.flashPlayer.addEventListener("isDynamicStreamChange", "onDynamicStream");
  627. this.flashPlayer.addEventListener("switchingChange", "onDynamicStream");
  628. this.flashPlayer.addEventListener("autoSwitchChange", "onDynamicStream");
  629. }
  630. };
  631.  
  632. onDynamicStream = function () {
  633. return setTimeout(updateDynamicStreamItems, 300);
  634. };
  635.  
  636. ds = $("#stream-control");
  637. resolutions = [];
  638. resolutionsChecked = false;
  639. showBitrates = "false" == "true";
  640. noAuto = false;
  641. streamNames = "".split("||");
  642. updateDynamicStreamItems = function () {
  643. var but, buts, currentStreamIndex, dynamicStreams, idx, isSwitching, item, _i, _j, _len, _len1, _this = this, isAutoSwitch;
  644. ds.empty();
  645. if (this.flashPlayer) {
  646. dynamicStreams = this.flashPlayer.getStreamItems();
  647. }
  648. if (!dynamicStreams) {
  649. return;
  650. }
  651. //debugger;
  652.  
  653. isAutoSwitch = this.flashPlayer.getAutoDynamicStreamSwitch();
  654. buts = $("<div/>", {
  655. "class": "btn-group switcher"
  656. });
  657. if (!noAuto) {
  658. but = $("<button/>", {
  659. "class": "btn btn-small " + (isAutoSwitch ? " btn-success" : "btn-inverse"),
  660. text: "Calitate: " + (isAutoSwitch ? "Auto" : "Manual"),
  661. click: function () {
  662. return _this.flashPlayer.setAutoDynamicStreamSwitch(!_this.flashPlayer.getAutoDynamicStreamSwitch());
  663. }
  664. });
  665. buts.append(but);
  666. }
  667. ds.append(buts);
  668. currentStreamIndex = this.flashPlayer.getCurrentDynamicStreamIndex();
  669. isSwitching = this.flashPlayer.getDynamicStreamSwitching();
  670. buts = $("<div/>", {
  671. "class": "btn-group"
  672. });
  673. if (!resolutionsChecked) {
  674. resolutionsChecked = true;
  675. resolutions = [];
  676. for (idx = _i = 0, _len = dynamicStreams.length; _i < _len; idx = ++_i) {
  677. item = dynamicStreams[idx];
  678. resolutions[idx] = item.height;
  679. if (item.height == 0)
  680. resolutionsChecked = false;
  681. }
  682. }
  683. for (idx = _j = 0, _len1 = dynamicStreams.length; _j < _len1; idx = ++_j) {
  684. item = dynamicStreams[idx];
  685. var sTitle = "Mare";
  686. if (item.height < 600) sTitle = "Medie";
  687. if (item.height < 300) sTitle = "Mica";
  688. if (item.height == 0 || showBitrates) sTitle = Math.round(item.bitrate) + "kbps";
  689. if (streamNames.length > 1 && streamNames.length > idx) {
  690. sTitle = streamNames[idx];
  691. showBitrates = true;
  692. }
  693. but = $("<button/>", {
  694. "class": "btn btn-small",
  695. title: Math.round(item.bitrate) + "kbps"
  696. });
  697. but.append("<strong>" + sTitle + "</strong>");
  698. if (resolutions[idx] > 0 && !showBitrates) {
  699. but.append(" <small>(" + item.height + "p)</small>");
  700. }
  701. if (currentStreamIndex === idx) {
  702. but.addClass(isSwitching ? "btn-warning" : "btn-success");
  703. }
  704. but.bind("click", {
  705. index: idx
  706. }, function (event) {
  707. return switchDynamicStreamIndex(event.data.index);
  708. });
  709. buts.append(but);
  710. }
  711. return ds.append(buts);
  712. };
  713. switchDynamicStreamIndex = function (index) {
  714. if (this.flashPlayer.getAutoDynamicStreamSwitch()) {
  715. this.flashPlayer.setAutoDynamicStreamSwitch(false);
  716. }
  717. return this.flashPlayer.switchDynamicStreamIndex(index);
  718. };
  719. </script>
  720. </body>
  721. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!