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>
本文轉自 guowang327 51CTO部落格,原文連結:http://blog.51cto.com/guowang327/1855027,如需轉載請自行聯絡原作者
相關文章
- node-webkit不支援html5播放mp4視訊簡單介紹WebKitHTML
- 視訊播放器程式碼詳解播放器
- mp4視訊格式是什麼 mp4檔案播放不了怎麼辦
- iOS 視訊 轉碼MP4 /視訊裁剪 /上傳iOS
- HTML5:網頁如何播放VR視訊?HTML網頁VR
- 使用jQuery播放/暫停 HTML5視訊jQueryHTML
- WebView播放HTML5視訊,黑屏的問題。WebViewHTML
- Android中SurfaceView視訊播放實現程式碼AndroidView
- 7款很棒的 HTML5 視訊播放器HTML播放器
- javascript獲取視訊播放時間程式碼例項JavaScript
- 小程式播放當前視訊關閉其他視訊
- WebView 視訊全屏播放(基於Html5 video)WebViewHTMLIDE
- mp4的視訊win10無法播放如何解決_win10系統mp4檔案播放不了如何恢復Win10
- 【HTML5初探之多媒體元素】視訊播放HTML5、Flash誰才是王道?HTML
- Chrome使用video無法正常播放MP4視訊的解決方案ChromeIDE
- 視音訊播放音訊
- opencv視訊播放OpenCV
- Dplayer Html5 彈幕視訊播放器的實現HTML播放器
- Facebook平臺視訊正式轉向HTML5播放器HTML播放器
- 音視訊入門之音訊採集、編碼、播放音訊
- iOS開發:音訊播放、錄音、視訊播放、拍照、視訊錄製iOS音訊
- Android開發 海康威視 多路視訊播放(同時播放視訊)Android
- html5播放m3u8視訊,web端看直播HTMLWeb
- unity中播放視訊Unity
- iOS視訊播放(二)iOS
- 視訊播放學習
- 視訊播放器播放器
- PHP 幾行核心程式碼實現提取快手水印視訊播放地址PHP
- html5視訊HTML
- HTML5本地視訊播放器設計(+彈幕功能)HTML播放器
- iOS開發系列--音訊播放、錄音、視訊播放、拍照、視訊錄製(轉)iOS音訊
- Ubuntu 無法播放MP4Ubuntu
- 短視訊直播原始碼,自定義圖片或視訊的迴圈播放原始碼
- 微信小程式 – 解決騰訊視訊外掛—視訊只能播放廣告問題微信小程式
- Android音視訊之MediaPlayer音視訊播放Android
- HTML5 音訊和視訊HTML音訊
- 自定義視訊播放器播放器
- 視訊播放器工具Infuse播放器