视频在 Chrome 但不是 Firefox 中工作

Video working in Chrome but not Firefox

我可以让视频在 Chrome 中播放,嵌入标签位于页面底部,我已将它们注释掉。无论如何,它对 Firefox 不起作用,我找不到其他方法让它显示和播放数据库中的视频。

在 div 标签内,myElement,如果我在我的电脑上输入视频的位置,它会立即加载,但我想从我的电脑上删除视频db by $url 每次我尝试时,它都会显示 'A plugin is needed to display this content or No video found.'

我也尝试过使用 <video>,似乎也没有用。

<!DOCTYPE html>
<html lang="en">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
 <title>Watch</title>
<script src="http://jwpsrv.com/library/6QVxzPkvEeSkJwp+lcGdIw.js"></script>
<script src="jwplayer/jwplayer.js" ></script>
<script>jwplayer.key="7SYdCOHxpEaICfiAz4rXDkkgf+fcssszRYDb2Q==";</script>
</head>

<body>

<div id="myElement">Loading the player...</div>
<script type="text/javascript">
jwplayer("myElement").setup({
    file : "<?php  ?>",
    //image: "",
    width: 640,
    height: 360
});
</script>

<?php

if(isset($_GET['id']))
{
$id = $_GET['id'];
$query = mysql_query("SELECT * FROM `videos` WHERE id='$id'");
while($row = mysql_fetch_assoc($query))
{
    $name = $row['name'];
    $url = $row['url'];
}

echo "Your are watching ".$name."<br />";
//echo "<embed src='$url' width='560' height='315'></embed>"; 
}
else
{
    echo "Error!";
}

?>

</body>
</html>

解决方案

而不是:

echo "<embed src='$url' width='560' height='315'></embed>";

使用这个:

echo "<video controls src='$url' width='560' height='315'></video>";

(来源:http://www.w3schools.com/html/html5_video.asp

您正在测试的视频可能是 Chrome 支持的格式,但 Firefox 不支持。通常,为了安全起见,您最终需要提供多种格式的来源(上面的 W3C link 示例):

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

经过数小时和几天的尝试找出我的问题后,我正在处理视频标签和 BOOM! echo "<video controls src='$url' width='560' height='315'></video>"; 如果你有我 'A plugin is needed to display to content' 或 'Format or MIME type not supported' 的痛苦,试试这个吧! $url 是我用来从我的数据库中检索视频的,所以这是文件的位置,以防任何人想要或需要知道。顺便说一句,我将视频标签用作 HTML5 但它不起作用,所以我切换了它,现在它像冠军一样工作