お世話になります。
現在、Youtubeの動画を背景画像として実装しようとトライしていて、
以下のようにコードを書いています。
【HTML】
<div class="mainVideo"> <a href="https://www.youtube.com/watch?v=HmZKgaHa3Fg"> <img class="bg" src="img/movie.png" alt=""> <img class="play" src="img/play.png" alt=""> </a> </div>
【CSS】
.mainVideo { margin-top: 10px; width: 100%; position: relative; } .mainVideo a { width: 100%; height: auto; position: relative; display: inline-block; } .mainVideo a img.bg { position: relative; width: 100%; height: auto; top: 0; left: 0; } .mainVideo a img.play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
Youtubeの再生ボタンを押すと、その場で再生するようにしたいのですが、
どうしてもYoutubeサイトに飛んでしまいます。
その場で再生する方法がわかりません。
もし何かお分かりの方がいらっしゃいましたら、ぜひご教授ください。
どうぞよろしくお願い申し上げます。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/08/17 07:02 編集