如何使用 Jquery 播放/暂停 Flash 视频(不是 html5 <video>)
Posted
技术标签:
【中文标题】如何使用 Jquery 播放/暂停 Flash 视频(不是 html5 <video>)【英文标题】:How to play/pause flash video(not html5 <video>) with Jquery 【发布时间】:2017-06-15 21:04:12 【问题描述】:我正在研究哪些应该是简单的操作,例如在单击按钮或播放暂停按钮时使用 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" >
上面的object标签是flash的元素。我的脚本位于标题中,而对象标签位于正文的下方。我尝试过类似
$('#video-239-video_flash_api').get(0).play();
和
$('#video-239-video_flash_api').play();
但播放和暂停 Flash 视频无济于事。
【问题讨论】:
你研究过吗? ***.com/questions/23240733/… 【参考方案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"
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>)的主要内容,如果未能解决你的问题,请参考以下文章