jQuery演示+代码段可将QuickTime视频播放器动态插入您的网页。 这是带有最少控件的原始视频播放,如果要自定义,可以非常容易地在播放器对象中设置参数。 要使用该代码,请记住要更改视频的网址,并且您需要一个id为“ player”的div。 在我的演示中,我包括了该视频的屏幕快照,用作缩略图,但很容易成为id =“ start-movie-btn”的超链接,可以相应地对其进行更改。

演示版

注意:您将需要安装quicktime才能播放电影。

编码

 //dynamically load in a movie using Quicktime player
(function($,W,D)
{var JQUERY4U = {};JQUERY4U.QUICKTIME ={play: function(movieUrl){//quicktime video htmlvar output = ' 
     ';output += '';output += '';output += '';output += '  ';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视频播放器相关推荐

  1. jquery视频播放器_jQuery插入QuickTime视频播放器

    jquery视频播放器 jQuery演示+代码段可将QuickTime视频播放器动态插入您的网页. 这是带有最少控件的原始视频播放,如果要自定义,可以非常容易地在播放器对象中设置参数. 要使用该代码, ...

  2. HTML5+CSS3+JQuery打造自定义视频播放器

    简介 HTML5的<video>标签已经被目前大多数主流浏览器所支持,包括还未正式发布的IE9也声明将支持<video>标签,利用浏览器原生特性嵌入视频有很多好处,所以很多开发 ...

  3. 使用CSS3+JQuery打造自定义视频播放器

    简介HTML5的<video>标签已经被目前大多数主流浏览器所支持,包括还未正式发布的IE9也声明将支持<video>标签,利用浏览器原生特性嵌入视频有很多好处,所以很多开发者 ...

  4. 视频播放页php,html jquery简易视频播放器

    html jquery js 简易视频播放器 直接上代码:html> Document #durationbar{ width: 500px; height: 20px; } #duration ...

  5. HTML5视频播放器jQuery插件

    HTML5 Video player jQuery plugin As you know – HTML5 <video> element is already supported by m ...

  6. python在tk界面播放本地视频_如何使用python3在tkinter窗口中插入视频播放器?

    我想用python构建一个视频播放器,但是我的应用程序将有更多的按钮,而不仅仅是play/pause,所以我需要在窗口中插入视频.在 到现在为止我有这个代码:import tkinter import ...

  7. jQuery和CSS3定制HTML5视频播放器

    摘要: 随着越来越多的浏览器开始支持更多的HTML5新特性,开发者也逐渐关注HTML5的开发.在众多HTML5的新特性中,视频方面的新特性是很值得开发者和用户关注的. ... ... ... ... ...

  8. jQuery实用的媒体视频播放器插件

    下载地址 jQuery实用的媒体视频播放器插件 dd:

  9. 介绍当前流行的一些开源Flash视频播放器

    栏目导航 Java开源 OPEN文档 OPEN搜索 OPEN家园 OPEN资讯 提交开源项目 A Accordion AutoComplete Animation C Calendar Charts ...

  10. 前端html + js视频播放器(快进,快退,倍速,全屏等功能)

    基于h5的video,很容易上手,直接上代码,其中还有一些可以优化的地方,大家可以自己优化 在这里插入代码片<!DOCTYPE html> <html lang="en&q ...

最新文章

  1. 国内最牛的Java面试八股,真offer收割机!
  2. 电子秤专用模拟/数字(A/D)转换器芯片 HX711
  3. android edittext输入邮箱,[Android教程]EditText怎样限制用户的输入?数字/字母/邮箱
  4. 超越 一切还刚刚开始
  5. Python学习笔记:面向对象高级编程(中下)
  6. SpringBoot-SpringCloud-版本对应关系
  7. 没有工作怎么申请贷款?
  8. Python locals 函数 - Python零基础入门教程
  9. PyTorch官方教程大更新:增加标签索引,新手更加友好
  10. stm32 vscode 编译_STM32开发之 VSCode+gcc环境编译
  11. 文献翻译——基于关联规则挖掘识别的鸡源大肠杆菌共有多重耐药模式(下)
  12. java在线查看PDF
  13. IDC发布最新中国AI云服务市场报告,百度智能云排名第一
  14. L2CAP的基本模式(basic mode)数据格式
  15. 资深项目经理推荐的几款免费/开源项目管理工具
  16. “五一”或成疫情来最火爆假期,招行信用卡天天返利助力消费
  17. Spring Boot入门教程(四十):微信支付集成-刷卡支付
  18. 从人工智能角度考虑生命的本质和意义
  19. 方向导数与梯度(衡量空间向量变化趋势)
  20. 通过分辨率区分iPhone型号(更新至13系列)

热门文章

  1. PLA-PEG2000-Maleimide,聚乳酸和马来西安亚楠修饰的PEG,MAL-PEG2000-PLA
  2. 数据结构与算法80道
  3. 英语口语收集(二十六)
  4. Golang深拷贝浅拷贝
  5. 阿里网盘阿里云盘----手机端PC端
  6. 程序员:新手到专家的5个阶段
  7. word公式居中 编号右对齐(制表位) - 公式自动编号(题注)- 公式交叉引用 - word无法粘贴
  8. 量化投资学习——一份高频因子的研报综述
  9. 分散式云存储,元宇宙数据存储基建
  10. 一、大话HTTP协议-HTTP的前世今生