jQuery插入QuickTime视频播放器
jQuery演示+代码段可将QuickTime视频播放器动态插入您的网页。 这是带有最少控件的原始视频播放,如果要自定义,可以非常容易地在播放器对象中设置参数。 要使用该代码,请记住要更改视频的网址,并且您需要一个id为“ player”的div。 在我的演示中,我包括了该视频的屏幕快照,用作缩略图,但很容易成为id =“ start-movie-btn”的超链接,可以相应地对其进行更改。
演示版
![](/assets/blank.gif)
编码
//dynamically load in a movie using Quicktime player (function($,W,D) {var JQUERY4U = {};JQUERY4U.QUICKTIME ={play: function(movieUrl){//quicktime video htmlvar output = '
';//insert the playerjQuery('#player').html(output);}}$(D).ready(function($) {$('#start-movie-btn').live('click', function(e){e.preventDefault();JQUERY4U.QUICKTIME.play('location of movie'); //.mov .mp4 etc});});})(jQuery, window, document);
电影源: http : //www.youtube.com/watch?v=jAqvcdiAgAA
From: https://www.sitepoint.com/jquery-insert-quicktime-video-player/
jQuery插入QuickTime视频播放器相关推荐
- jquery视频播放器_jQuery插入QuickTime视频播放器
jquery视频播放器 jQuery演示+代码段可将QuickTime视频播放器动态插入您的网页. 这是带有最少控件的原始视频播放,如果要自定义,可以非常容易地在播放器对象中设置参数. 要使用该代码, ...
- HTML5+CSS3+JQuery打造自定义视频播放器
简介 HTML5的<video>标签已经被目前大多数主流浏览器所支持,包括还未正式发布的IE9也声明将支持<video>标签,利用浏览器原生特性嵌入视频有很多好处,所以很多开发 ...
- 使用CSS3+JQuery打造自定义视频播放器
简介HTML5的<video>标签已经被目前大多数主流浏览器所支持,包括还未正式发布的IE9也声明将支持<video>标签,利用浏览器原生特性嵌入视频有很多好处,所以很多开发者 ...
- 视频播放页php,html jquery简易视频播放器
html jquery js 简易视频播放器 直接上代码:html> Document #durationbar{ width: 500px; height: 20px; } #duration ...
- HTML5视频播放器jQuery插件
HTML5 Video player jQuery plugin As you know – HTML5 <video> element is already supported by m ...
- python在tk界面播放本地视频_如何使用python3在tkinter窗口中插入视频播放器?
我想用python构建一个视频播放器,但是我的应用程序将有更多的按钮,而不仅仅是play/pause,所以我需要在窗口中插入视频.在 到现在为止我有这个代码:import tkinter import ...
- jQuery和CSS3定制HTML5视频播放器
摘要: 随着越来越多的浏览器开始支持更多的HTML5新特性,开发者也逐渐关注HTML5的开发.在众多HTML5的新特性中,视频方面的新特性是很值得开发者和用户关注的. ... ... ... ... ...
- jQuery实用的媒体视频播放器插件
下载地址 jQuery实用的媒体视频播放器插件 dd:
- 介绍当前流行的一些开源Flash视频播放器
栏目导航 Java开源 OPEN文档 OPEN搜索 OPEN家园 OPEN资讯 提交开源项目 A Accordion AutoComplete Animation C Calendar Charts ...
- 前端html + js视频播放器(快进,快退,倍速,全屏等功能)
基于h5的video,很容易上手,直接上代码,其中还有一些可以优化的地方,大家可以自己优化 在这里插入代码片<!DOCTYPE html> <html lang="en&q ...
最新文章
- 国内最牛的Java面试八股,真offer收割机!
- 电子秤专用模拟/数字(A/D)转换器芯片 HX711
- android edittext输入邮箱,[Android教程]EditText怎样限制用户的输入?数字/字母/邮箱
- 超越 一切还刚刚开始
- Python学习笔记:面向对象高级编程(中下)
- SpringBoot-SpringCloud-版本对应关系
- 没有工作怎么申请贷款?
- Python locals 函数 - Python零基础入门教程
- PyTorch官方教程大更新:增加标签索引,新手更加友好
- stm32 vscode 编译_STM32开发之 VSCode+gcc环境编译
- 文献翻译——基于关联规则挖掘识别的鸡源大肠杆菌共有多重耐药模式(下)
- java在线查看PDF
- IDC发布最新中国AI云服务市场报告,百度智能云排名第一
- L2CAP的基本模式(basic mode)数据格式
- 资深项目经理推荐的几款免费/开源项目管理工具
- “五一”或成疫情来最火爆假期,招行信用卡天天返利助力消费
- Spring Boot入门教程(四十):微信支付集成-刷卡支付
- 从人工智能角度考虑生命的本质和意义
- 方向导数与梯度(衡量空间向量变化趋势)
- 通过分辨率区分iPhone型号(更新至13系列)