• html5播放mp4视频代码


    1.nginx支持flv和mp4格式播放

    默认yum安装nginx

    centos7安装nginx时候应该是默认安装nginx_mod_h264_streaming模块的

    # nginx -V查看是否安装nginx_mod_h264_streaming模块

    nginx在新版本中已经支持了--with-http_mp4_module --with-http_flv_module这2个模块即可

    # vi /etc/nginx/nginx.conf

    server {

            listen       80 default_server;

            listen       [::]:80 default_server;

            server_name  _;

            root         /usr/share/nginx/html;

            #guowang add

            limit_rate_after 5m;   #在flv视频文件下载了5M以后开始限速

            limit_rate 512k;      #速度限制为512K

            # Load configuration files for the default server block.

            include /etc/nginx/default.d/*.conf;

            location / {

            }

            #guowang add

            location ~ .flv {

                flv;

            }

            location ~ .mp4$ {

                mp4;

            }

            error_page 404 /404.html;

                location = /40x.html {

            }

            error_page 500 502 503 504 /50x.html;

                location = /50x.html {

            }

    }

    2.html5播放mp4视频代码

    <!DOCTYPE html>

    <html>

    <head>

        <meta charset="utf-8">

        <title>公司宣传片</title>

    </head>

    <body>

        <h2>公司宣传片</h2>

        <video width="320" height="240" controls autoplay>

            <source src="gs.mp4" type="video/mp4">

            <source src="gs.ogg" type="video/ogg">

            <source src="gs.webm" type="video/webm">

            <object data="gs.mp4" width="320" height="240">

              <embed src="gs.swf" width="320" height="240"><p>如果你播放不了该视频,

    那是你的设备不支持该文件格式</p>

            </object>

        </video>

    </body>

    </html>

    3.参考:

    http://www.runoob.com/html/html-videos.html

    http://www.runoob.com/try/try.php?filename=tryhtml_video_html5_4

  • 相关阅读:
    分段路由的复兴
    动态维护FDB表项实现VXLAN通信
    neutron dhcp 高可用
    wpf
    从0到1设计一台8bit计算机
    哇塞的Docker——vscode远程连接Docker容器进行项目开发(三)
    中通消息平台 Kafka 顺序消费线程模型的实践与优化
    飞机大战 python小项目
    看透确定性,抛弃确定性
    如何根据普通ip地址获取当前地理位置
  • 原文地址:https://www.cnblogs.com/lidabo/p/9121561.html
Copyright © 2020-2023  润新知