这是我现在的主要标记。
<div id="video_container">
<video id="video">
<source src="popeye_patriotic_popeye.mpeg" type="video/mp4">
</video>
</div>
<button type="button" id="play_button">Play</button>
Run Code Online (Sandbox Code Playgroud)
基本上我们有视频盒,以及“播放”按钮。我想知道是否可以通过 javascript 允许此按钮播放/暂停视频。我不确定这是否可行,但如果可行,请告诉我我将如何去做。
谢谢
这张图可以解释我的问题。我试图让版权文本和我的 Font Awesome 图标垂直对齐。
这是我的 HTML
<footer>
<p>Copyright © 2016 Sample SIte</p>
<div id="social">
<a class="social_buttons" href="www.linkedin.com"><i class="fa fa- linkedin"></i></a>
<a class="social_buttons" href="www.linkedin.com"><i class="fa fa-twitter"></i></a>
</div>
</footer>
Run Code Online (Sandbox Code Playgroud)
和CSS
footer
{
max-width:960px;
background-color:#fbfbfb;
border-radius:10px;
margin:15px auto 10px auto;
padding: 18px 20px 18px 20px;
}
#social
{
float:right;
}
.social_buttons
{
color:#575757;
}
Run Code Online (Sandbox Code Playgroud)
提前致谢。