zoukankan      html  css  js  c++  java
  • 页面加入视频

    手机端代码:

    <div id="vid" style="100%; position:relative;">
    <video id="video" style="100%;" src="http://www.test.com/video/jsbd.mp4" poster="http://www.test.com/video/jsbd_bj.jpg" controls="">"你的浏览器不支持video标签"<ideo></ideo></video>
    </div>
    <p>成立啦</p>

    pc端代码:

    <div id="vid" style="640px; height:360px; margin:0 auto; position:relative; cursor:pointer;">
    <video controls="" height="360" id="video" src="http://www.test.net/video/jsbd.mp4" width="640">
    "你的浏览器不支持video标签"<ideo> </ideo></video>
    </div>
    <script>
    function video(){
    var oVid = document.getElementById("vid");
    var oVideo = document.getElementById("video");
    var oVideo_bf = document.getElementById("video_bf");
    oVid.onmouseover = function(){if(oVideo.paused){oVideo_bf.style.display = 'block';}}
    oVid.onmouseout = function(){oVideo_bf.style.display = 'none';}
    oVid.onclick = function(){
    oVideo.paused?oVideo.play():oVideo.pause();
    }
    }
    video();
    </script>
    转载请注明出处: 欢迎留言或qq(1090413588)交流
  • 相关阅读:
    UE4项目《和平精英》渲染技术浅析
    如何用CMake构建Android C++库
    Unity Native Plugin
    多边形三角化
    参考图
    Unity SRP学习笔记
    Macbook Pro HDMI 无信号解决办法
    CGAL计算几何算法库
    无标记动作捕捉
    PS 鼠绘
  • 原文地址:https://www.cnblogs.com/linyusong/p/6406700.html
Copyright © 2011-2022 走看看