問題描述
我正在使用視頻標簽來播放視頻.
I am using the video tag to play videos.
我使用 php 文件進行播放，如下所示:
I using php files for the playback like this:
<video id="playvideo" preload="auto" width="845" height="395"
poster="http://video-js.zencoder.com/oceans-clip.png">
<source src="../getvideo_webm.php" type='video/webm' />
<source src="../getvideo_mp4.php" type='video/mp4'/>
<source src="../getvideo_ogv.php" type='video/ogg' />
</video>
當我直接在瀏覽器中檢查它們時，所有 .php 文件都可以正常播放.但是上面的所有 .php 作為源文件的設置將無法播放.如果我提供一個直接的 .mp4 源，它會播放得很好.
All .php files are playing fine when i check them directly in the brower. But the above setup with all .php as source files will not play. If i give a straight .mp4 source it will play fine.
getvideo_mp4.php 看起來像這樣:
The getvideo_mp4.php looks like this:
$path = 'oceans-clip.mp4';
if (file_exists($path))
{
$size=filesize($path);
$fm=@fopen($path,'rb');
if(!$fm) {
// You can also redirect here
header ("HTTP/1.0 404 Not Found");
die();
}
$begin=0;
$end=$size;
if(isset($_SERVER['HTTP_RANGE'])) {
if(preg_match('/bytes=h*(d+)-(d*)[D.*]?/i',
$_SERVER['HTTP_RANGE'],$matches)){
$begin=intval($matches[0]);
if(!empty($matches[1])) {
$end=intval($matches[1]);
}
}
}
if($begin>0||$end<$size)
header('HTTP/1.0 206 Partial Content');
else
header('HTTP/1.0 200 OK');
header("Content-Type: video/mp4");
header('Accept-Ranges: bytes');
header('Content-Length:'.($end-$begin));
header("Content-Disposition: inline;");
header("Content-Range: bytes $begin-$end/$size");
header("Content-Transfer-Encoding: binary
");
header('Connection: close');
$cur=$begin;
fseek($fm,$begin,0);
while(!feof($fm)&&$cur<$end&&(connection_status()==0))
{ print fread($fm,min(1024*16,$end-$cur));
$cur+=1024*16;
usleep(1000);
}
die();
}
那我做錯了什么?
推薦答案
以上代碼有效.在我更改 .php 文件的 src url 后，它確實有效.現在它在 moz 中播放，即 chrome，視頻標簽中只有 php 文件作為源.
The above code is working. After i changed the src url for .php files, it did actually work. Now it plays in moz, ie, chrome with only php files as sources in the video tag.
這篇關于來自 PHP 的 mp4 - 不在 HTML5 Video 標簽中播放的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！