视频 js 无法播放 Flash 视频答案

【问题标题】：video js in unable to play flash video视频 js 无法播放 Flash 视频
【发布时间】：2016-04-13 06:48:48
【问题描述】：

我的要求是播放flash视频（浏览器中安装了flash插件）。

我参考how to play flash(.flv) video using video.js in chrome写了代码

但这对我不起作用，我观察到的问题是 src 标签没有被 obj 替换（在他们的情况下发生）。

谁能帮我理解我错过了什么

我的代码：

<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="400px" height="268" data-setup='{"techOrder": ["flash", "html5"]}'>
        <source src="http://www.mediacollege.com/video-gallery/testclips/20051210-w50s.flv" type='video/x-flv'>
        <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>

【问题讨论】：

现在解决了吗？.. 如果没有，您能否提供一个指向您的页面的链接，以便我们查看问题所在？还有你的浏览器和操作系统是什么？

标签： javascript flash video video.js

【解决方案1】：

我尝试了您引用的链接中的代码，它在 Chrome 浏览器 (Windows) 中对我有用。

这是一个快速的demo example。该演示页面的源代码如下。与您自己的页面代码进行比较，看看有什么问题。

<!DOCTYPE html>
<html>

<head>

<meta charset=utf-8 />

<title> Example - Video.js </title>

<link href="http://vjs.zencdn.net/4.7/video-js.css" rel="stylesheet">

<script src="http://vjs.zencdn.net/4.7/video.js"></script>

</head>

<body>

<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" data-setup='{}'>

<source src="http://www.mediacollege.com/video-gallery/testclips/20051210-w50s.flv" type='video/x-flv'>

</video>

</body>

</html>

【讨论】：

我试过了（你和我的代码也是如此），如果我将它作为新页面打开（你提到的代码），它就可以工作。当我将它集成到我的代码中时，它不起作用（差异：我正在动态注入视频标签）。然后我尝试创建播放器对象（通过 videojs api 通过传递视频 id 和选项），然后它开始为我工作。在第一种情况下，videojs 没有选择视频标签来应用更改。