<a>标签做超链接,用<video>标签直接嵌入视频。两者结合,瞬间变身网页运动资讯达人!
这是大家最喜欢的走马观花方式,只需要这样写:
<a href="你的视频地址" target="_blank">点击这里观看最新比赛精彩片段!</a>
比如,你从YouTube或者其他视频平台找到一个赛事直播的链接,直接用这个标签嵌进去。
如果想让用户一点就开,是新标签(target="_blank")帮你搞定,点一下直接跳出去看球赛,绝不“卡壳”。
这可是体育迷必备的技能,具体操作如下:
<video width="720" height="405" controls>
<source src="你的视频地址" type="video/mp4">
你的浏览器不支持 HTML5 视频标签。
</video>
这里,width和height自己调,controls会自动出现播放、暂停、调整音量之类的小控件,弹指间就能让你网页变“体育场”,爽到飞起!
想让用户既能“一点就看”,又能“多看点”,玩法不少。就可以在超链接里写上“点我看比赛精彩片段!”,然后旁边嵌入对应的高清高清视频。这样一箭双雕,搞定每个体育迷:既有链接的便捷,又有嵌入的高清体验!
.sports-link:hover {color: red; font-weight: bold; transition: all 0.3s ease;}