Colorbox в IE - загрузка внешней страницы, пытается загрузить контент, а не играть - PullRequest
Новая
       10

Colorbox в IE - загрузка внешней страницы, пытается загрузить контент, а не играть

2 голосов
/ 13 октября 2011

Простой проект: http://mannyllerena.com/

Когда вы находитесь в IE и нажимаете «Live Interviews», он предлагает вам загрузить медиафайл, а не разрешать его воспроизведение с вызываемого URL ...

Больше дизайнер, чем кодер.Нужна помощь!

А вот JQuery: 

$(document).ready(function(){
        //Examples of how to assign the ColorBox event to elements
        $("a[rel='example1']").colorbox();
        $("a[rel='example2']").colorbox();
        $("a[rel='example3']").colorbox();
        $("a[rel='example4']").colorbox();
        $("a[rel='example7']").colorbox();
        $(".example7").colorbox({width:"40%", height:"25%", iframe:true});

        //Example of preserving a JavaScript event for inline calls.
        $("#click").click(function(){ 
            $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
            return false;
        });
    });

А вот и HTML: 

<a class="projects example7" href="http://www.floordaily.net/UploadedFiles/RadioInterviews/MP3/Manny_2-15-08.mp3"  title=" " rel="example7">Live<br />Interviews</a>
<a class="example7" href="http://www.floordaily.net/UploadedFiles/RadioInterviews/MP3/Manny%20from%20Mohawk%27s%20Floorscapes%20meeting%20in%202008.mp3"  title=" " rel="example7"></a>
<a class="example7" href="http://www.floordaily.net/UploadedFiles/RadioInterviews/MP3/Manny%20Llerena%20Discusses%20the%20Highlights%20of%20Mohawks%20Aligned%20Retailer%20Meeting.mp3"  title=" " rel="example7"></a>

1 Ответ

2 голосов
/ 13 октября 2011

Проблема здесь не в поле цвета в IE, а в том, как IE обрабатывает видео и аудио файлы. Это также будет зависеть от того, как у каждого человека настроен IE. Обычно в браузере есть что-то встроенное для воспроизведения музыкальных и видео файлов. Microsoft, однако, предполагает, что вы были бы намного счастливее, используя другой их продукт, и открывает медиа-плеер.

Чтобы предотвратить это, вам нужно будет вставить свои музыкальные или видео файлы в предварительно встроенный проигрыватель. Yahoo предлагает довольно простое решение, все это делается в javascript - или, скорее, все, что вы делаете с плеером, - в javascript. Вот шаги, которые вам нужно предпринять, чтобы интегрировать это в colorbox:

1) Настройте отдельную страницу со всем кодом для проигрывателя. Здесь идет: 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Click blocker test</title>
<script type="text/javascript">
    var YWPParams = {
        autoplay:true,
        volume:0.5
    };
</script>
<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js"></script>
</head>

<body style="font-size:200%">
    <a id="test1" href="http://www.floordaily.net/UploadedFiles/RadioInterviews/MP3/Manny_2-15-08.mp3" style="display:none">Video</a><br />
</body>
</html>

2) Тогда на странице со ссылкой на ваш mp3 файл: 

$("#playerLink").colorbox({
    iframe: true,
    width:"50%",
    height:"50%" //or whatever dimensions you like
});

В основном, как это работает (с этими настройками), сценарий Yahoo ищет любые ссылки с расширением .mp3 и загружает их в проигрыватель. Более подробную информацию о настройках плеера Yahoo можно найти здесь .

Это просто пример одного игрока, там куча. Здесь есть jquery mp3-плеер , но просто поиск встроенных mp3-плееров даст вам множество результатов.

...