Rocksolid Light

Welcome to RetroBBS

mail  files  register  newsreader  groups  login

Message-ID:  

7 May, 2024: fms is rebuilding. Don't expect much in that section for quite a few days, maybe longer.

devel / comp.infosystems.www.authoring.html / Re: video on iPhone

SubjectAuthor
* video on iPhoneDale
+* Re: video on iPhoneArno Welzel
|`* Re: video on iPhoneDale
| `* Re: video on iPhoneArno Welzel
|  `- Re: video on iPhoneDale
+- Re: video on iPhoneDale
`- Re: video on iPhoneJ𝕒𝕞𝕖𝕤 𝕂𝕚𝕣𝕜

1
video on iPhone

<tduap6$2eoac$1@dont-email.me>

  copy mid

https://www.rocksolidbbs.com/devel/article-flat.php?id=378&group=comp.infosystems.www.authoring.html#378

  copy link   Newsgroups: comp.infosystems.www.authoring.html
Path: i2pn2.org!i2pn.org!eternal-september.org!reader01.eternal-september.org!.POSTED!not-for-mail
From: dale@dalekelly.org (Dale)
Newsgroups: comp.infosystems.www.authoring.html
Subject: video on iPhone
Date: Sun, 21 Aug 2022 18:15:04 -0400
Organization: https://www.dalekelly.org/
Lines: 40
Message-ID: <tduap6$2eoac$1@dont-email.me>
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 7bit
Injection-Date: Sun, 21 Aug 2022 22:15:02 -0000 (UTC)
Injection-Info: reader01.eternal-september.org; posting-host="8f3c7d54be9ee3c53653a09e684cc42c";
logging-data="2580812"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1+8/WfrIPLKmVr56YAT8em3wrd0fcIs+dM="
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:91.0) Gecko/20100101
Thunderbird/91.12.0
Cancel-Lock: sha1:nuv9hiPITTM6ySg/VMXfgOBHecY=
Content-Language: en-US
 by: Dale - Sun, 21 Aug 2022 22:15 UTC

Hi,

On my iPhone-6s my videos only show an arrow to start with.

Pressing the arrow works fine.

Just thinking this isn't obvious to the visitor.

The videos can be found here ...

https://www.dalekelly.org/weblog.html

I have this in the head ...

<head>

(other stuff ...)

<style>
video {
max-width: 100%;
height: auto;
}
</style>

</head>

and here is an example video code ...

<video controls>
<source src="https://www.dalekelly.org/images/newwebcam.mp4"
type="video/mp4">
Your browser does not support the MP4 video tag.
</video>

--
Mystery? -> https://www.dalekelly.org/

Re: video on iPhone

<jmhju2F3letU1@mid.individual.net>

  copy mid

https://www.rocksolidbbs.com/devel/article-flat.php?id=379&group=comp.infosystems.www.authoring.html#379

  copy link   Newsgroups: comp.infosystems.www.authoring.html
Path: i2pn2.org!i2pn.org!news.swapon.de!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: usenet@arnowelzel.de (Arno Welzel)
Newsgroups: comp.infosystems.www.authoring.html
Subject: Re: video on iPhone
Date: Mon, 22 Aug 2022 16:59:14 +0200
Lines: 33
Message-ID: <jmhju2F3letU1@mid.individual.net>
References: <tduap6$2eoac$1@dont-email.me>
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 7bit
X-Trace: individual.net qE5CsgCaH45jWiUVO8ecPQVrkAnAIA7hzvvEQkNiH+yb/wn21y
Cancel-Lock: sha1:3P0JzlrXpgyY4xpF4aJE78z7m8w=
Content-Language: de-DE
In-Reply-To: <tduap6$2eoac$1@dont-email.me>
 by: Arno Welzel - Mon, 22 Aug 2022 14:59 UTC

Dale, 2022-08-22 00:15:

> On my iPhone-6s my videos only show an arrow to start with.

This is by design. Browsers do not allow autoplay videos if they are not
muted. The only allowed way to let a video play is after a user interaction.

[...]
> <video controls>
> <source src="https://www.dalekelly.org/images/newwebcam.mp4"
> type="video/mp4">
> Your browser does not support the MP4 video tag.
> </video>

Try:

<video controls muted autoplay>

Or for Safari with additional "playsinline":

<video controls muted autoplay playsinline>

Just keep in mind - autoplay will not work, if the video is not muted
initially.

Also see:

<https://pqina.nl/blog/fix-html-video-autoplay-not-working/>

--
Arno Welzel
https://arnowelzel.de

Re: video on iPhone

<te0e7i$2neog$1@dont-email.me>

  copy mid

https://www.rocksolidbbs.com/devel/article-flat.php?id=380&group=comp.infosystems.www.authoring.html#380

  copy link   Newsgroups: comp.infosystems.www.authoring.html
Path: i2pn2.org!i2pn.org!eternal-september.org!reader01.eternal-september.org!.POSTED!not-for-mail
From: dale@dalekelly.org (Dale)
Newsgroups: comp.infosystems.www.authoring.html
Subject: Re: video on iPhone
Date: Mon, 22 Aug 2022 13:26:09 -0400
Organization: https://www.dalekelly.org/
Lines: 51
Message-ID: <te0e7i$2neog$1@dont-email.me>
References: <tduap6$2eoac$1@dont-email.me> <jmhju2F3letU1@mid.individual.net>
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 7bit
Injection-Date: Mon, 22 Aug 2022 17:26:10 -0000 (UTC)
Injection-Info: reader01.eternal-september.org; posting-host="c5d5511b23e094f4e09339f65b17a4df";
logging-data="2865936"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1+6DSQxQTD3x/Lo16L86B9ozHPc0a8Hvd4="
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:91.0) Gecko/20100101
Thunderbird/91.12.0
Cancel-Lock: sha1:Wv+Aaml4LpD3ljEIPCku900eKxM=
Content-Language: en-US
In-Reply-To: <jmhju2F3letU1@mid.individual.net>
 by: Dale - Mon, 22 Aug 2022 17:26 UTC

On 8/22/2022 10:59 AM, Arno Welzel wrote:
> Dale, 2022-08-22 00:15:
>
>> On my iPhone-6s my videos only show an arrow to start with.
>
> This is by design. Browsers do not allow autoplay videos if they are not
> muted. The only allowed way to let a video play is after a user interaction.
>

Not looking for an autoplay. What's its value?

there isn't an image to start with behind the arrow on the iPhone, using
Chrome, just an arrow

Chrome and Edge on Windows 10 have an image in its toolbar

Amazon Silk on a Fire-TV has an image with a centered arrow, but no
arrow in its toolbar

> [...]
>> <video controls>
>> <source src="https://www.dalekelly.org/images/newwebcam.mp4"
>> type="video/mp4">
>> Your browser does not support the MP4 video tag.
>> </video>
>
> Try:
>
> <video controls muted autoplay>
>
> Or for Safari with additional "playsinline":
>
> <video controls muted autoplay playsinline>
>
> Just keep in mind - autoplay will not work, if the video is not muted
> initially.
>
> Also see:
>
> <https://pqina.nl/blog/fix-html-video-autoplay-not-working/>
>
>

Thank You ! Will give this a try.

--
Mystery? -> https://www.dalekelly.org/

Re: video on iPhone

<jmk3a5Ffn5uU1@mid.individual.net>

  copy mid

https://www.rocksolidbbs.com/devel/article-flat.php?id=381&group=comp.infosystems.www.authoring.html#381

  copy link   Newsgroups: comp.infosystems.www.authoring.html
Path: i2pn2.org!i2pn.org!news.swapon.de!fu-berlin.de!uni-berlin.de!individual.net!not-for-mail
From: usenet@arnowelzel.de (Arno Welzel)
Newsgroups: comp.infosystems.www.authoring.html
Subject: Re: video on iPhone
Date: Tue, 23 Aug 2022 15:33:57 +0200
Lines: 37
Message-ID: <jmk3a5Ffn5uU1@mid.individual.net>
References: <tduap6$2eoac$1@dont-email.me> <jmhju2F3letU1@mid.individual.net>
<te0e7i$2neog$1@dont-email.me>
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 7bit
X-Trace: individual.net yqw68ktYrsCdMEKpwbR33g788rTw4IwO/Aj8iC4lW2hCEaN0d3
Cancel-Lock: sha1:5rgDDH7ofZor/29fJcn0MJb+fqM=
Content-Language: de-DE
In-Reply-To: <te0e7i$2neog$1@dont-email.me>
 by: Arno Welzel - Tue, 23 Aug 2022 13:33 UTC

Dale, 2022-08-22 19:26:

> On 8/22/2022 10:59 AM, Arno Welzel wrote:
>> Dale, 2022-08-22 00:15:
>>
>>> On my iPhone-6s my videos only show an arrow to start with.
>>
>> This is by design. Browsers do not allow autoplay videos if they are not
>> muted. The only allowed way to let a video play is after a user interaction.
>>
>
> Not looking for an autoplay. What's its value?
>
> there isn't an image to start with behind the arrow on the iPhone, using
> Chrome, just an arrow

Yes, this is by design. Ask Apple about that.

> Chrome and Edge on Windows 10 have an image in its toolbar

Yes, this is by design - Google and Microsoft decided to do it this way.

> Amazon Silk on a Fire-TV has an image with a centered arrow, but no
> arrow in its toolbar

Again - because Amazon liked to have it so.

If you don't like this, you need to create your own image with an
surrounding <a> element which is display *instead* of the video. Then
add a JavaScript onclick handler which will hide the image and then
reveal the video behind it and start the video playing.

--
Arno Welzel
https://arnowelzel.de

Re: video on iPhone

<te3g8q$339oq$1@dont-email.me>

  copy mid

https://www.rocksolidbbs.com/devel/article-flat.php?id=382&group=comp.infosystems.www.authoring.html#382

  copy link   Newsgroups: comp.infosystems.www.authoring.html
Path: i2pn2.org!i2pn.org!eternal-september.org!reader01.eternal-september.org!.POSTED!not-for-mail
From: dale@dalekelly.org (Dale)
Newsgroups: comp.infosystems.www.authoring.html
Subject: Re: video on iPhone
Date: Tue, 23 Aug 2022 17:19:21 -0400
Organization: https://www.dalekelly.org/
Lines: 45
Message-ID: <te3g8q$339oq$1@dont-email.me>
References: <tduap6$2eoac$1@dont-email.me> <jmhju2F3letU1@mid.individual.net>
<te0e7i$2neog$1@dont-email.me> <jmk3a5Ffn5uU1@mid.individual.net>
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 7bit
Injection-Date: Tue, 23 Aug 2022 21:19:22 -0000 (UTC)
Injection-Info: reader01.eternal-september.org; posting-host="c5bd52b4156b64cf09d62b05bafa3655";
logging-data="3254042"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX19A2G//y9HhajI43wIgEWoYTYR3FL8G2jE="
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:91.0) Gecko/20100101
Thunderbird/91.12.0
Cancel-Lock: sha1:Csw2SUGZgrTtT9l9tmeypHYIid8=
Content-Language: en-US
In-Reply-To: <jmk3a5Ffn5uU1@mid.individual.net>
 by: Dale - Tue, 23 Aug 2022 21:19 UTC

On 8/23/2022 9:33 AM, Arno Welzel wrote:
> Dale, 2022-08-22 19:26:
>
>> On 8/22/2022 10:59 AM, Arno Welzel wrote:
>>> Dale, 2022-08-22 00:15:
>>>
>>>> On my iPhone-6s my videos only show an arrow to start with.
>>>
>>> This is by design. Browsers do not allow autoplay videos if they are not
>>> muted. The only allowed way to let a video play is after a user interaction.
>>>
>>
>> Not looking for an autoplay. What's its value?
>>
>> there isn't an image to start with behind the arrow on the iPhone, using
>> Chrome, just an arrow
>
> Yes, this is by design. Ask Apple about that.
>
>> Chrome and Edge on Windows 10 have an image in its toolbar
>
> Yes, this is by design - Google and Microsoft decided to do it this way.
>
>> Amazon Silk on a Fire-TV has an image with a centered arrow, but no
>> arrow in its toolbar
>
> Again - because Amazon liked to have it so.
>
> If you don't like this, you need to create your own image with an
> surrounding <a> element which is display *instead* of the video. Then
> add a JavaScript onclick handler which will hide the image and then
> reveal the video behind it and start the video playing.
>
>
>

Thank You !

With the differences I see based on browser/OS I'm going to stick with
it as is

and perhaps I worry about using cookies and scripts too much

--
Mystery? -> https://www.dalekelly.org/

Re: video on iPhone

<te40ho$37f13$1@dont-email.me>

  copy mid

https://www.rocksolidbbs.com/devel/article-flat.php?id=383&group=comp.infosystems.www.authoring.html#383

  copy link   Newsgroups: comp.infosystems.www.authoring.html
Path: i2pn2.org!i2pn.org!eternal-september.org!reader01.eternal-september.org!.POSTED!not-for-mail
From: dale@dalekelly.org (Dale)
Newsgroups: comp.infosystems.www.authoring.html
Subject: Re: video on iPhone
Date: Tue, 23 Aug 2022 21:57:14 -0400
Organization: https://www.dalekelly.org/
Lines: 47
Message-ID: <te40ho$37f13$1@dont-email.me>
References: <tduap6$2eoac$1@dont-email.me>
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
Injection-Date: Wed, 24 Aug 2022 01:57:12 -0000 (UTC)
Injection-Info: reader01.eternal-september.org; posting-host="e10de052da08ab1145462fa7de49cfc3";
logging-data="3390499"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1+GhIwnua0mnNNjEvvF5YArUp792ibg1uo="
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:91.0) Gecko/20100101
Thunderbird/91.13.0
Cancel-Lock: sha1:NTslbZ7QpXPF+TL8TOfMlyma564=
Content-Language: en-US
In-Reply-To: <tduap6$2eoac$1@dont-email.me>
 by: Dale - Wed, 24 Aug 2022 01:57 UTC

On 8/21/2022 6:15 PM, Dale wrote:
> Hi,
>
> On my iPhone-6s my videos only show an arrow to start with.
>
> Pressing the arrow works fine.
>
> Just thinking this isn't obvious to the visitor.
>
> The videos can be found here ...
>
> https://www.dalekelly.org/weblog.html
>
> I have this in the head ...
>
> <head>
>
>     (other stuff ...)
>
>     <style>
>         video {
>                 max-width: 100%;
>                 height: auto;
>             }
>     </style>
>
> </head>
>
> and here is an example video code ...
>
>
>     <video controls>
>           <source src="https://www.dalekelly.org/images/newwebcam.mp4"
> type="video/mp4">
>         Your browser does not support the MP4 video tag.
>     </video>
>
>
>

options here ...

https://github.com/dalekellytoo/html_videos/

--
Mystery? -> https://www.dalekelly.org/

Re: video on iPhone

<5be31109-91ad61c1-19b60c41.tiberius@james.kirk.invalid>

  copy mid

https://www.rocksolidbbs.com/devel/article-flat.php?id=385&group=comp.infosystems.www.authoring.html#385

  copy link   Newsgroups: comp.infosystems.www.authoring.html
Path: i2pn2.org!i2pn.org!eternal-september.org!reader01.eternal-september.org!james.kirk.invalid!.POSTED!not-for-mail
From: noneya.invalid@gmail.com (J𝕒𝕞𝕖𝕤 𝕂𝕚𝕣𝕜)
Newsgroups: comp.infosystems.www.authoring.html
Subject: Re: video on iPhone
Date: Sat, 27 Aug 2022 14:23:18 -0400
Organization: Time Travel Tracing
Lines: 37
Message-ID: <5be31109-91ad61c1-19b60c41.tiberius@james.kirk.invalid>
References: <tduap6$2eoac$1@dont-email.me>
Reply-To: ": J𝕒𝕞𝕖𝕤 𝕂𝕚𝕣𝕜" <noneya.invalid+knobknocker@gmail.com>
MIME-Version: 1.0
Content-Type: text/plain; charset="UTF-8"
Content-Transfer-Encoding: 8-bit
Injection-Info: james.kirk.invalid; posting-host="990d10846ba1272edc57546885aefa8e";
logging-data="381888"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1/MMD8n2pTpLB/ALh4Zk73KgiTKYKuWDEs="
User-Agent: Unicorn named Ellie
Cancel-Lock: sha1:Mdl6kinQx5gAWfYjUdMxP42dCdw=
Content-Language: en-US
X-Operating-System: Windows 3.0
X-Content-Warning: The content of this message MAY contain controversial topics and SHOULD NOT be viewed by: sensitive individuals, malcontents, individuals under the age of 120, troglodytes, judgmental individuals, opinionated individuals or multi-cellular organisms.
X-Newsreader: Microsoft Windows Dead Mail Original Imitation Prototype
In-Reply-To: <tduap6$2eoac$1@dont-email.me>
X-Rot13: This message MAY contain rot13 encoded text that sensitive people may find offense, decode at your own peril.
Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QIHFgQpyK6L9AAAAEJQTFRFAAAAQAAAQEAAQEBAQECAgEBAgECAgIBAgICAgIC/gL+/v4BAv4CAv4C/v7+Av7+/v7//v////7+A/7+///+/////CTpitwAAAAF0Uk5TAEDm2GYAAAABYktHRBXl2PmjAAAB6klEQVRIx61Vi3KEIAz0pJZYUwIi//+r3QT78sTKTDM3N6e3y+5iIsPwT+UcdeHJOSd9Ao6kVyB2CqQkfQKpSI+AS6lDQh2VDoIzR6jYQVCBuymo7tH9EF+OUrwnAfxLFSjp/aajuZTbnujbUYop/dWz7P1kDyFWS4lYLuETyrs5VUKMSTyHthvFe/ZwFD8tRQ68SNvOxFlGh8hFl48oCoF9aOC9l23jB6n5GMHBR1gZfI7nvG2bf0hUL2YLNCWwf3Ilnip+Q2cX86+G8FM9MU/PgcmHDIaMZG6wflGKegLhyZQn4oxCBKlxTaHGBmHxz45ECRkRFFpX1+9UCQdPzHikRtBRiD8rzacEQjbFh5HKjixSzJco/kgQomyM5THvAoKFxXaLzgj40wj2FNSI2NW7pdbM/ritlbBOLu3rm0EnshOO3cHIAEZAIwG949ewvOqFX467ahIIsfJIltN2bF1XngQa/qxhWQkBEUTXzJWAGzCFKeKzaVDGpJllNwR84IlEiM/nIWRG54ERKrwSIDE3Jg57O7ooiVetYIX5o9gca2KcOzAUdnRtbEhcvMKAp/CrriTsoCKM2JenPAwzbr5dKWgYxUr+PoEvCCfq1DyBIf4iPYc8NQ5naUlQeynqJLRf9Z2E4cb58QHWYi4v2VmiigAAAABJRU5ErkJggg==
 by: J𝕒𝕞𝕖𝕤 - Sat, 27 Aug 2022 18:23 UTC

In Message <tduap6$2eoac$1@dont-email.me>
On Sunday Aug 21, 2022 6:15 pm -04:00
Dale <dale@dalekelly.org> wrote:

> Hi,

> On my iPhone-6s my videos only show an arrow to start with.

> Pressing the arrow works fine.

> Just thinking this isn't obvious to the visitor.

> The videos can be found here ...

> https://www.dalekelly.org/weblog.html

[snip]

MDN is a good resource. Information about the video element can be
found here.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

Preload attribute:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-preload

Prehaps preload="metadata"

If that does not produce the results you are looking for then perhaps
the poster attribute:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-poster

poster="yourImage.jpg"

--
J𝕒𝕞𝕖𝕤 𝕂𝕚𝕣𝕜

1
server_pubkey.txt

rocksolid light 0.9.81
clearnet tor