视频在 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 但它不起作用,所以我切换了它,现在它像冠军一样工作
我可以让视频在 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 但它不起作用,所以我切换了它,现在它像冠军一样工作