Maximage 2.0 - HTML5 视频随机启动
Maximage 2.0 - HTML5 Video random start
我开始使用这个很棒的插件: http://blog.aaronvanderzwan.com/2012/07/maximage-2-0/
问题是,当到达包含视频的幻灯片时,有时它不会启动(至少在铬中)。没有抛出错误,这似乎只是关于视频加载的随机行为。
知道是否有办法继续触发浏览器检测或尝试使用某些插件选项/控件强制播放视频吗?
另外,我找不到将播放按钮添加到页面以播放/暂停视频的方法......
找到它,你需要获取你的元素,然后调用 play() 函数:
视频的 html :
<video id="vid_1" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360">
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" />
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />
<source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" />
Your browser does not support HTML5 videos.
</video>
然后获取视频元素并触发播放:
//video play button
$('.play_button').click(function(){
var video = $('video#vid_1').get(0); //get the native browser source
if (video.paused) {
video.play(); //if paused, play
}
else{
video.pause(); //if playing, pause
}
});
所以基本上你可以随时调用它......
相关文章:
- 我如何让网页在每次使用 Javascript 刷新时随机生成一个新视频
- 选择数组的随机元素来设置Youtube视频ID API
- 随机页面加载后循环播放其余视频
- 随机youtube视频和API
- After Effects ExtendScript - 随机隐藏和显示视频图层
- 加载时随机全屏视频背景(包括 jsfiddle)
- 如何在点击和页面加载时随机化视频
- 随机暂停HTML5视频播放器
- 尝试在页面加载时显示随机视频
- Maximage 2.0 - HTML5 视频随机启动
- 根据标签随机播放youtube视频
- 随机HMTL5视频阵列只播放一个视频
- 在元素'上随机播放youtube视频;的背景
- 从目录中随机播放视频
- Html5视频readystate随机2或4,视频不加载
- 随机HTML5背景视频页面加载/刷新
- HTML5视频随机速度-自动刷新
- 随机设置youtube链接以在嵌入视频中播放
- YouTube API从标签中随机播放视频
- 弹出框中的HTML视频随机播放/不播放'不要在Chrome中播放