實現簡易html影片播放器的方法

不言
發布: 2018-05-08 16:22:24
原創
4323 人瀏覽過

這篇文章主要介紹了實現簡易html影片播放器的方法,H5創建影片播放器很簡單,您只需要添加一些H5的標籤即可創建出酷炫的播放器

本文介紹了實作簡易html影片播放器的方法,分享給大家,具體如下:

檔案清單

#
root@tianshl:/data/video# ls hch.mp4 test.mp4 xyx.mp4 index.html video.list jquery.js
登入後複製

index.html

     

视频列表

    登入後複製

    video.list

    #
    # 该目录下的所有MP4文件, 供jQuery解析 root@tianshl:/data/video# ls *.mp4 > video.list
    登入後複製

    nginx配置

    ##

    user root; worker_processes 1; events { worker_connections 1024; } http { include mime.types; sendfile on; keepalive_timeout 65; server { listen 8000; server_name 本机IP; location / { # 前两行是认证(可不加) auth_basic "secret"; auth_basic_user_file /usr/local/nginx/passwd.db; # 路径 root /data/video; # 首页 index index.html; } } }
    登入後複製

    介面展示

    ###http://localhost:8000######認證############# ###播放器###############相關推薦:##########HTML5 video 影片標籤使用介紹############ ################

    以上是實現簡易html影片播放器的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    作者最新文章
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!