【重要】サービス終了のお知らせ

Forked from: siouxcitizen's HTML5のYoutubePlayerにサイズ変更機能を追加 View Diff (124)

Fork
3
Fav
0
View
1424
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 207 lines
  • HTML 54 lines
  • CSS 91 lines
// forked from siouxcitizen's "HTML5のYoutubePlayerにサイズ変更機能を追加" http://jsdo.it/siouxcitizen/cBSe

HTML5のYoutubePlayerにいろいろボタン追加してみました

CSSを使ってボタンの見た目を変更してみました
Amazon、Twitter、Facebookといった外部サイトURLのリンク先をひらくボタンを追加してみました
TwitterとFacebook用のボタンは参考コードを流用させてもらったでけで、ちゃんとテストしてませんが。。。

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

Youtube Playerにパラメータ「html5=1」を指定して
HTML5によるYoutube Playerを優先的に使用して動画を再生します(再生します、たぶん。。。)
とりあえず、自分のWin7PC環境でのFirefox37.0.1による動画再生は成功しました


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

COOL BUTTON
http://jsdo.it/naosim_/o33N

【CSS3】押しやすいTwitterとFacebookのシェアボタン
http://jsdo.it/ken_kishimoto/7q1N

エレメントで<input type="text">のみスタイルを変える
http://www.openspc2.org/reibun/css/form/010/

*注
なぜかセーブするときにHTMLエディタの先頭を1段落落とさないとCSSがうまく機能しないです

  • HTML5のYoutubePlayerにいろいろボタン追加
  • HTML5のYoutubePlayerにいろいろボタン追加

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