HTML <video> 标签
2015-08-09 21:53
225 查看
http://www.w3school.com.cn/tags/tag_video.asp
View Code
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript"> function playPause(sid) { var myVideo = document.getElementById(sid); //获取视频video if (myVideo.paused) { myVideo.play(); } else { myVideo.pause(); } } </script> </head> <body> <form id="form1" runat="server"> <div> <a href="javascript:playPause('videoId1');" style="text-decoration:none;" > <img align="absmiddle" width="16" height="16" src="btn_voice.gif" title="点击发音"> <video controls="controls" id="videoId1" width="0" height="0" src="http://img55.yeds.net/FileSource3/868c192d-68e0-497b-84e4-a7fdee9b0fe4.mp3"> </video> </a> <a href="javascript:playPause('videoId2');" style="text-decoration:none;" > <img align="absmiddle" width="16" height="16" src="btn_voice.gif" title="点击发音"> <video controls="controls" id="videoId2" width="0" height="0" src="http://d1.g.hjfile.cn/collins/ZH-CN/10/ZH-CN-W0010350.mp3"> </video> </a> </div> </form> </body> </html>
View Code
相关文章推荐
- HTML基础(一)
- Day1_HTML_框架集标签
- html简单图片轮播的实现
- @RenderBody、@RenderSection、@RenderPage、Html.RenderPartial、Html.RenderAction的作用和区别
- html 学习2
- html 学习1
- html canvas 常用api基础
- VS Help Viewer 显示内容为HTML源码的问题
- VS Help Viewer 显示内容为HTML源码的问题
- html 字符编码
- DOM创建表格
- HTML基础(一)
- 3.5html学习笔记之框模型,盒子模型
- html中含提示文字的输入框
- 3.4html学习笔记之表格
- HTML中的button标签的使用,和介绍
- Win10通用程序 UWP版HtmlAgilityPack UWP应用使用示例
- HTML中的进度条标签的应用<progress>
- 3.3html学习笔记之链接
- 3.2html学习笔记之图片