zoukankan      html  css  js  c++  java
  • HTML <video> 标签

    http://www.w3school.com.cn/tags/tag_video.asp

     1 <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
     2 
     3 <!DOCTYPE html>
     4 
     5 <html xmlns="http://www.w3.org/1999/xhtml">
     6 <head runat="server">
     7     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     8     <title></title>
     9    <script type="text/javascript">
    10  
    11           function playPause(sid) {
    12         
    13               var myVideo = document.getElementById(sid);   //获取视频video
    14 
    15               if (myVideo.paused) {
    16 
    17                   myVideo.play();
    18 
    19               } else {
    20 
    21                   myVideo.pause();
    22 
    23               }
    24           }
    25  
    26           
    27  
    28     </script>
    29 </head>
    30 <body>
    31     <form id="form1" runat="server">
    32         <div>
    33            
    34                 <a href="javascript:playPause('videoId1');"  style="text-decoration:none;"  >
    35                 <img align="absmiddle" width="16" height="16" src="btn_voice.gif" title="点击发音">
    36                 <video controls="controls" id="videoId1" width="0" height="0" src="http://img55.yeds.net/FileSource3/868c192d-68e0-497b-84e4-a7fdee9b0fe4.mp3">
    37 </video>
    38 </a>
    39          
    40                 <a href="javascript:playPause('videoId2');" style="text-decoration:none;"  >
    41                <img align="absmiddle" width="16" height="16" src="btn_voice.gif" title="点击发音">
    42                 <video controls="controls" id="videoId2" width="0" height="0" src="http://d1.g.hjfile.cn/collins/ZH-CN/10/ZH-CN-W0010350.mp3">
    43 </video>
    44 </a>   
    45          
    46         </div>
    47 
    48     </form>
    49 </body>
    50 </html>
    View Code
  • 相关阅读:
    2019/1/2
    2018/12/22
    2018/12/18
    2018/12/17
    2018/12/16
    编程总结汇总
    学习总结汇总
    第十三周学习总结--助教
    第十一周编程总结
    第10周编程总结
  • 原文地址:https://www.cnblogs.com/lyl6796910/p/4716464.html
Copyright © 2011-2022 走看看