Forked from: siouxcitizen's HTML5のYoutubePlayerにいろいろボタン追加 View Diff (110)

Fork
1
Fav
0
View
1174
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 263 lines
  • HTML 54 lines
  • CSS 91 lines
// forked from siouxcitizen's "HTML5のYoutubePlayerにいろいろボタン追加" http://jsdo.it/siouxcitizen/x4Ee

HTML5のYoutubePlayerのサイズに合わせてボタンの座標を指定してみました

Fullscreenの表示でもボタンがうまく表示できるようにYoutubePlayerのサイズごとに
ボタンの座標が指定されるようにプログラムを変更してみました

再生している動画は前回コードと同じ自分の田舎の動画です

Youtube Playerにパラメータ「html5=1」を指定して
HTML5によるYoutube Playerを優先的に使用して動画を再生します(再生します、たぶん。。。)
とりあえず、自分のWin7PC環境でのFirefox37.0.1による動画再生は成功しました
スマホのFirefoxでは残念ながら音だけしか再生できませんでした。。。


以下のサイト・コードを参考させていただきました

element.style.position - 表示位置設定
http://javascriptist.net/ref/element.style.position.html

*注
なぜかセーブするときにHTMLエディタの先頭を1段落落とさないとCSSがうまく機能しないです
  • HTML5のYoutubePlayerのサイズに合わせてボタンの座標を指定(Fullscreen用)
  • HTML5のYoutubePlayerのサイズに合わせてボタンの座標を指定(Fullscreen用)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

siouxcitizen

Author

混沌としてきたので投稿コードをまとめてみました Naver : http://matome.naver.jp/odai/2142288467101177901

作業用BGMにYoutube動画を連続再生するプログラムもまとめてみました 直リンク : http://matome.naver.jp/odai/2143666226200730001 アーティスト別の再生動画の一覧付きリスト : http://matome.naver.jp/odai/2142630899820574901

旧ブログ : http://oretaikan.blog20.fc2.com 作りかけ新ブログ : http://oreorekaihatsu.blogspot.jp/

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by