こんにちは。
現在ランディングページの制作をしております。
その中で、動画を貼り付けているのですが、その動画の再生中にリンクに飛べる文字を
出したいという依頼を受けました。
再生終了後に文字、リンクを出す方法を調べてやっているのですがイマイチよくわかりません。
何か方法があれば教えて欲しいです。
html
1<div id="container"> 2 <video id="video" autoplay> 3 <source src="img/sample.mp4> 4 </video> 5 <div id="play"> 6 <ul> 7 <li><a href="リンク先のアドレス" target="_blank">リンク先のサイト名</a> 8 </li> 9 </ui> 10 </div> 11
参考にしたサイトはこちらです
リンク内容
css
1video { 2 position: absolute; 3 margin-top: 20px; 4 width: 918px; 5 height: 455px; 6} 7 8#container #play { 9 opacity: 0; 10 overflow: hidden; 11 top: 0; 12 left: 0; 13 width: 918px; 14 height: 455px; 15 color: white; 16 text-indent: 100%; 17 text-align: center; 18 z-index: 1; 19} 20 21#container #play ul { 22 position: absolute; 23 top: 50%; 24 width: 100%; 25} 26コード
cssは仮置きです。
また、今回のランディングページは一枚だけなのですが、動画が再生された後に、したの動画に
スクロールするようにjsも設定できないかという依頼も含まれています。
これにつきましては、jsでどう定義すればいいかわからずじまいです。
合わせてわかる方がいれば助かります。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/09/30 05:29
2016/09/30 05:37