Re: [css-d] Having trouble adding video to web page.

2014-06-04 Thread Rod Castello 
You're right David, there was a css aspect to my query. I appreciate the
article you sent, really like Chris' stuff. Not sure which way I'll go with
this, but this will really help me get the responsive part of it to work.

Cheers,
Rod


On Wed, Jun 4, 2014 at 4:27 PM, David Hucklesby  wrote:

> On 6/4/14, 13:26, Rod Castello wrote:
>
>> Hey thanks Colin, Norman, Karl and Tom for the replies and I'll try out
>> your suggestions. Sorry about it being OT. I got caught up in the rush and
>> turned to the best "list" I knew.
>> Rod
>>
>>
>>
> Well, I think the "responsive" part of your question is on topic. (?)
>
> Here’s a good rundown of both CSS and JavaScript ways of adding video:
>
>  
>
> (Previous replies are below, for members getting the digest version.)
> --
> Cordially,
> David
>
>
>  On Wed, Jun 4, 2014 at 1:18 PM, Tom Livingston  wrote:
>>
>>  On Wed, Jun 4, 2014 at 4:17 PM, Tom Livingston  wrote:
>>>
 On Wed, Jun 4, 2014 at 3:24 PM, Rod Castello 

>>> wrote:
>>>
 Hi All,
> Need some quick, real world advice on adding an mp4 video to a web
> page.
> It needs to work in modern versions of major browsers.  I can skip the
> iPhone display but would be nice to have that too.
> The page is responsive and I would need to be able to control the width
>
 for
>>>
 various column or screen widths.
>
> Is there a good tutorial on this?
> Do I need to request different versions...mp3, webm?
> I'm thinking get it on youtube might be an easy fix. Any thoughts on
>
 that?
>>>

> Any advice would be greatly appreciated.
>
> Here's a link to the video source:
>
>  http://delivery.tourdesigncreative.com/clients/BET/BET_
>>> PremiumTicketReel_Rev4.mp4
>>>

> I will be swapping it out with the video on this page:
> http://www.axs.com/betexperience
>
> Thanks,
>
> Rod Castello
>


 I recommend videos as well. We usually serve WebM, ogg and mp4 using
 html5 element.

>>>
>>>
>>> Er, that should have been *videojs*... I recommend videojs as well.
>>>
>>> http://www.videojs.com
>>>
>>> --
>>>
>>
> __
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Having trouble adding video to web page.

2014-06-04 Thread David Hucklesby 

On 6/4/14, 13:26, Rod Castello wrote:

Hey thanks Colin, Norman, Karl and Tom for the replies and I'll try out
your suggestions. Sorry about it being OT. I got caught up in the rush and
turned to the best "list" I knew.
Rod




Well, I think the "responsive" part of your question is on topic. (?)

Here’s a good rundown of both CSS and JavaScript ways of adding video:

 

(Previous replies are below, for members getting the digest version.)
--
Cordially,
David


On Wed, Jun 4, 2014 at 1:18 PM, Tom Livingston  wrote:


On Wed, Jun 4, 2014 at 4:17 PM, Tom Livingston  wrote:

On Wed, Jun 4, 2014 at 3:24 PM, Rod Castello 

wrote:

Hi All,
Need some quick, real world advice on adding an mp4 video to a web page.
It needs to work in modern versions of major browsers.  I can skip the
iPhone display but would be nice to have that too.
The page is responsive and I would need to be able to control the width

for

various column or screen widths.

Is there a good tutorial on this?
Do I need to request different versions...mp3, webm?
I'm thinking get it on youtube might be an easy fix. Any thoughts on

that?


Any advice would be greatly appreciated.

Here's a link to the video source:


http://delivery.tourdesigncreative.com/clients/BET/BET_PremiumTicketReel_Rev4.mp4


I will be swapping it out with the video on this page:
http://www.axs.com/betexperience

Thanks,

Rod Castello



I recommend videos as well. We usually serve WebM, ogg and mp4 using
html5 element.



Er, that should have been *videojs*... I recommend videojs as well.

http://www.videojs.com

--


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Having trouble adding video to web page.

2014-06-04 Thread Rod Castello 
Hey thanks Colin, Norman, Karl and Tom for the replies and I'll try out
your suggestions. Sorry about it being OT. I got caught up in the rush and
turned to the best "list" I knew.
Rod


On Wed, Jun 4, 2014 at 1:18 PM, Tom Livingston  wrote:

> On Wed, Jun 4, 2014 at 4:17 PM, Tom Livingston  wrote:
> > On Wed, Jun 4, 2014 at 3:24 PM, Rod Castello 
> wrote:
> >> Hi All,
> >> Need some quick, real world advice on adding an mp4 video to a web page.
> >> It needs to work in modern versions of major browsers.  I can skip the
> >> iPhone display but would be nice to have that too.
> >> The page is responsive and I would need to be able to control the width
> for
> >> various column or screen widths.
> >>
> >> Is there a good tutorial on this?
> >> Do I need to request different versions...mp3, webm?
> >> I'm thinking get it on youtube might be an easy fix. Any thoughts on
> that?
> >>
> >> Any advice would be greatly appreciated.
> >>
> >> Here's a link to the video source:
> >>
> http://delivery.tourdesigncreative.com/clients/BET/BET_PremiumTicketReel_Rev4.mp4
> >>
> >> I will be swapping it out with the video on this page:
> >> http://www.axs.com/betexperience
> >>
> >> Thanks,
> >>
> >> Rod Castello
> >
> >
> > I recommend videos as well. We usually serve WebM, ogg and mp4 using
> > html5 element.
>
>
> Er, that should have been *videojs*... I recommend videojs as well.
>
> http://www.videojs.com
>
> --
>
> Tom Livingston | Senior Front-End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
>
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Having trouble adding video to web page.

2014-06-04 Thread Tom Livingston 
On Wed, Jun 4, 2014 at 4:17 PM, Tom Livingston  wrote:
> On Wed, Jun 4, 2014 at 3:24 PM, Rod Castello  wrote:
>> Hi All,
>> Need some quick, real world advice on adding an mp4 video to a web page.
>> It needs to work in modern versions of major browsers.  I can skip the
>> iPhone display but would be nice to have that too.
>> The page is responsive and I would need to be able to control the width for
>> various column or screen widths.
>>
>> Is there a good tutorial on this?
>> Do I need to request different versions...mp3, webm?
>> I'm thinking get it on youtube might be an easy fix. Any thoughts on that?
>>
>> Any advice would be greatly appreciated.
>>
>> Here's a link to the video source:
>> http://delivery.tourdesigncreative.com/clients/BET/BET_PremiumTicketReel_Rev4.mp4
>>
>> I will be swapping it out with the video on this page:
>> http://www.axs.com/betexperience
>>
>> Thanks,
>>
>> Rod Castello
>
>
> I recommend videos as well. We usually serve WebM, ogg and mp4 using
> html5 element.


Er, that should have been *videojs*... I recommend videojs as well.

http://www.videojs.com

-- 

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Having trouble adding video to web page.

2014-06-04 Thread Tom Livingston 
On Wed, Jun 4, 2014 at 3:24 PM, Rod Castello  wrote:
> Hi All,
> Need some quick, real world advice on adding an mp4 video to a web page.
> It needs to work in modern versions of major browsers.  I can skip the
> iPhone display but would be nice to have that too.
> The page is responsive and I would need to be able to control the width for
> various column or screen widths.
>
> Is there a good tutorial on this?
> Do I need to request different versions...mp3, webm?
> I'm thinking get it on youtube might be an easy fix. Any thoughts on that?
>
> Any advice would be greatly appreciated.
>
> Here's a link to the video source:
> http://delivery.tourdesigncreative.com/clients/BET/BET_PremiumTicketReel_Rev4.mp4
>
> I will be swapping it out with the video on this page:
> http://www.axs.com/betexperience
>
> Thanks,
>
> Rod Castello


I recommend videos as well. We usually serve WebM, ogg and mp4 using
html5 element.

http://www.videojs.com


-- 

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Having trouble adding video to web page.

2014-06-04 Thread Norman Fournier 
Hello,

I have had easy successes with both videojs and jPlayer.

Norman

On 2014-06-04, at 1:24 PM, Rod Castello wrote:

> Hi All,
> Need some quick, real world advice on adding an mp4 video to a web page.
> It needs to work in modern versions of major browsers.  I can skip the
> iPhone display but would be nice to have that too.
> The page is responsive and I would need to be able to control the width for
> various column or screen widths.
> 
> Is there a good tutorial on this?
> Do I need to request different versions...mp3, webm?
> I'm thinking get it on youtube might be an easy fix. Any thoughts on that?
> 
> Any advice would be greatly appreciated.
> 
> Here's a link to the video source:
> http://delivery.tourdesigncreative.com/clients/BET/BET_PremiumTicketReel_Rev4.mp4
> 
> I will be swapping it out with the video on this page:
> http://www.axs.com/betexperience
> 
> Thanks,
> 
> Rod Castello
> __
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Having trouble adding video to web page.

2014-06-04 Thread Rod Castello 
Hi All,
Need some quick, real world advice on adding an mp4 video to a web page.
It needs to work in modern versions of major browsers.  I can skip the
iPhone display but would be nice to have that too.
The page is responsive and I would need to be able to control the width for
various column or screen widths.

Is there a good tutorial on this?
Do I need to request different versions...mp3, webm?
I'm thinking get it on youtube might be an easy fix. Any thoughts on that?

Any advice would be greatly appreciated.

Here's a link to the video source:
http://delivery.tourdesigncreative.com/clients/BET/BET_PremiumTicketReel_Rev4.mp4

I will be swapping it out with the video on this page:
http://www.axs.com/betexperience

Thanks,

Rod Castello
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/