Question

我正在研究哪些应该是简单的操作，例如在点击按钮或播放暂停按钮时播放和暂停与Jquery的简单Flash视频，我无法在线找到任何内容。

<object style="display: block;" type="application/x-shockwave-flash" data="//vjs.zencdn.net/4.0/video-js.swf" id="video-239-video_flash_api" name="video-239-video_flash_api" class="vjs-tech" height="100%" width="100%">

上面的object标签是flash的元素。我的脚本位于标题处，对象标记位于主体的下方。我尝试过像

这样的东西

$('#video-239-video_flash_api').get(0).play();

和

$('#video-239-video_flash_api').play();

但没有什么可以播放和暂停Flash视频。

Answer 1

“......但没有什么可以播放和暂停Flash视频。”

我认为VideoJS的全部卖点是它使Flash视频（FLV文件）在浏览器的<video>标签内工作。

以下示例代码在使用Chrome浏览器的Windows PC上进行测试。只需粘贴一个新的HTML文档并试一试即可。希望它能为您提供一些有用的提示。

<!DOCTYPE html>
<html>
<head>
<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>
<h1>flash test</h1>

<video id="myPlayer" class="video-js vjs-default-skin"  preload="auto" width="800" height="335" 
data-setup='{}'>
<source src="http://www.mediacollege.com/video-gallery/testclips/20051210-w50s.flv" type='video/x-flv'>
</video>


<button onclick="playVideo()">Play</button>
<button onclick="pauseVideo()">Pause</button>

<script type="text/javascript">

var myPlayer;

videojs("myPlayer").ready
( function() { myPlayer = this; } );

function playVideo() { myPlayer.play(); }

function pauseVideo() { myPlayer.pause(); }

</script>

</body>
</html>

如何使用Jquery播放/暂停Flash视频（不是html5 <video>）

1 个答案: