zoukankan      html  css  js  c++  java
  • html5视频插入?

    一、网页中插入视频
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>网页视频测试</title>
    </head>
    <body>
    <div align="center">
    quality="high" width="500" height="440" align="center" allowScriptAccess="always" allowFullScreen="true" mode="transparent" type="application/x-shockwave-flash"></embed>
    </div>
    </body>
    </html>
    方法二(通用代码适用于手机页面播放 推荐):
        <iframe src="http://localhost/2012/mayday2012.mp4" scrolling="no" allowfullscreen="" frameborder="0" height="418" width="675"></iframe>
    方法三:html5
    由于旧的浏览器和Internet Explorer不支持<video>元素,考虑到兼容性,我们必须为这些浏览器找到一个支持Flash文件的解决方案。不幸的是,和HTML 5音频一样,涉及到视频的文件格式,Firefox 和 Safari/Chrome 的支持方式并不相同。因此,如果你想在这个时候使用HTML 5视频,则需要创建三个视频版本。
     
     
     
     
     
     
     
     
     
    <video controls="controls" preload="auto" height="500" width="700">
       <!-- Firefox --> 
       <source src="mv.ogg" type="video/ogg" />  
       <!-- Safari/Chrome-->   
       <source src="mv.mp4" type="video/mp4" />  
       <!-- 如果浏览器不支持video标签,则使用flash -->  
       <embed src="mv.mp4" type="application/x-shockwave-flash"  
    width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"> </embed>
      
    </video>
  • 相关阅读:
    关于SQL优化(转载,格式有调整)
    开篇(我想有个家,安稳的家)
    常见兼容问题
    BFC概念及应用
    浏览器私有前缀及内核
    css3新增属性
    宽高自适应
    css布局
    css3选择器
    常用标签
  • 原文地址:https://www.cnblogs.com/duanzhange/p/8951763.html
Copyright © 2011-2022 走看看