経験不足で申し訳ありません。
・トップページを開くとモーダルウインドウで自動的に動画が再生される
・毎回開くたびに再生は煩わしいので、cookieで再生間隔を管理したい
という組み方をしたく、ネットで見つけた
http://blog.idea-clippin.com/?p=129
これを使用しています。
###発生している問題・エラーメッセージ
動画の埋め込みとcookieによる再生時間の調整はできたのですが、 ・表示位置の調整ができない(センタリングしたい) ・停止しても音だけが残る(閉じるボタンをよく見る右上の×ボタンにしたい) という問題がうまく解決できません。
###該当のソースコード
--headに記入-- <link rel="stylesheet" type="text/css" href="layerBoard.css" media="all" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/jquery.cookie.js"></script> <script src="js/jquery.layerBoard.js"></script> <script> $(function(){ $('#layer_board_area').layerBoard({alpha: 0.5,limitMin : 1,}); }) </script> --htmlに記入-- <div id="layer_board_area"> <div class="layer_board_bg"></div> <div class="layer_board"> <p><iframe width="800" height="600" src="https://www.youtube.com/embed/B7xai5u_tnk?rel=0&controls=0&showinfo=0&autoplay=1" frameborder="0" allowfullscreen>></iframe></p> <p class="btn_close"><a href="#"><img src="img/bnt_close.png" alt="close" width="63" height="12" /></a></p> </div> </div>
###試したこと
ボタンからのリンクで動画をモーダル再生し、センタリング等するサンプルはよく見るのですが、今回のjquery.layerBoard.jsと組み合わせてもうまく行きませんでした・・。
おそらくすごく基本的な部分が理解できていないと思うのですが、宜しくお願いします。
###補足情報(言語/FW/ツール等のバージョンなど)
あなたの回答
tips
プレビュー