Демонстрационный пример jQuery + фрагмент кода для динамического добавления видеопроигрывателя на вашу веб-страницу. Это необработанное видео с минимальным контролем, если вы хотите настроить, вы можете легко установить параметры в объекте игрока. Чтобы использовать код, не забудьте изменить URL видео, и вам понадобится div с id = ”player”. В мою демонстрацию я включил скриншот видео, чтобы использовать его в качестве миниатюры, но довольно просто быть гиперссылкой с id = ”start-movie-btn”, они могут быть изменены соответствующим образом.
демонстрация
Код
//dynamically load in a movie using Quicktime player (function($,W,D) { var JQUERY4U = {}; JQUERY4U.QUICKTIME = { play: function(movieUrl) { //quicktime video html var output = ' '; output += ' '; output += ' '; output += ' '; output += ' '; output += ' '; //insert the player jQuery('#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);
//dynamically load in a movie using Quicktime player (function($,W,D) { var JQUERY4U = {}; JQUERY4U.QUICKTIME = { play: function(movieUrl) { //quicktime video html var output = ' '; output += ' '; output += ' '; output += ' '; output += ' '; output += ' '; //insert the player jQuery('#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