Skip to main content
B
Branding___Design
Participant
January 20, 2019
Question

assets.adobe.com video links not working on Safari (MacOS & iOS)

  • January 20, 2019
  • 3 replies
  • 1282 views

Helo everyone.

I really could use your help.

I uploaded MP4 file with MP4 and M4V extensions and created links for them.

When we use the links from Safari (12.0.2) on a Mac (10.13.6) and older combinations the links bring up the page but the video will not play.

When we use the links from Safari on iOS (12.1) and older  the links bring up the page but the video will not play.

When we use the links from Chrome (71.0.3578.89) on iOS (12.1) and older  the links bring up the page but the video will not play.

When we use the link from Chrome (71.0.3578.98) on a Mac (10.13.6) older or more recent combinations, the link brings up the page and plays fine.

When we use the link from IE on a Windows PC the link brings up the page and plays fine.

We need to have the links work from Safari.

Has anyone figured this out? Are we missing something?

Thanks for your help

This topic has been closed for replies.

3 replies

jkuperman
Adobe Employee
jkuperman
Adobe Employee
February 1, 2019

Hi there!

I'm an engineer on assets.adobe.com. We do support video in Safari and I'm sorry to hear you are having this issue. Can you help me to reproduce it? I created a few mp4/m4v files and uploaded them to assets.adobe.com. I'm able to click on them in Safari and the videos do play when I visit those pages. Am I doing something different than you?

Thanks!

Jon

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
February 1, 2019

jkuperman  wrote

Hi there!

I'm an engineer on assets.adobe.com.

Hi Jon,

Do you work for Adobe?  I ask only because I don't see an Adobe Staff Badge by your avatar.

Nancy O'Shea— Product User & Community Expert
Z
ZGietek_ING
Participating Frequently
January 27, 2019

I agree- this is a missing function- we too use these shareable both as streaming 'previews' and download links. Not all of our stakeholders need to download the video, they are just approving a certain iteration of a video- We can't expect all of our stakeholders to download a 500MB file just top play in another media player. Being able to preview simply through the link is very helpful. Being that the 2nd most used browser in the market today is Safari, Id think that Adobe would consider catering to that market, IMO.

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
January 27, 2019
ZGietek_ING  wrote

 
 Being that the 2nd most used browser in the market today is Safari, Id think that Adobe would consider catering to that market, IMO.

It depends on who you ask.  Browser Statistics  lists Safari #4 behind Chrome, Firefox and MS Edge.

I still say if you want Safari to play video, wrap your link inside HTML player code.  Upload HTML page to your server and send that link to your colleagues.

Here's the code.

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>Video Demo</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<style>

.video-wrapper { position: relative; }

.video-wrapper > video {

    width: 100%;

    vertical-align: middle;

}

.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {

display: none;

}

.video-overlay-play-button {

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    padding: 10px calc(50% - 50px);

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    opacity: 0.95;

    cursor: pointer;

    background-image: linear-gradient(transparent, #000);

    transition: opacity 150ms;

}

.video-overlay-play-button:hover { opacity: 1; }

.video-overlay-play-button.is-hidden { display: none; }

</style>

</head>

<body>

<div class="video-wrapper">

<!--CHANGE MP4 AND POSTER IMAGE TO YOUR OWN-->

<video poster="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3174/poster.png" controls >

<source src="https://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">

</video>

</div>

<script>

var videoPlayButton,

videoWrapper = document.getElementsByClassName('video-wrapper')[0],

video = document.getElementsByTagName('video')[0],

videoMethods = {

renderVideoPlayButton: function() {

if (videoWrapper.contains(video)) {

this.formatVideoPlayButton()

video.classList.add('has-media-controls-hidden')

videoPlayButton = document.getElementsByClassName('video-overlay-play-button')[0]

videoPlayButton.addEventListener('click', this.hideVideoPlayButton)

}

},

formatVideoPlayButton: function() {

videoWrapper.insertAdjacentHTML('beforeend', '\

<svg class="video-overlay-play-button" viewBox="0 0 200 200" alt="Play video">\

<circle cx="100" cy="100" r="90" fill="none" stroke-width="15" stroke="#fff"/>\

<polygon points="70, 55 70, 145 145, 100" fill="#fff"/>\

</svg>\

')

},

hideVideoPlayButton: function() {

video.play()

videoPlayButton.classList.add('is-hidden')

video.classList.remove('has-media-controls-hidden')

video.setAttribute('controls', 'controls')

}

}

videoMethods.renderVideoPlayButton()

</script>

</body>

</html>

Nancy O'Shea— Product User & Community Expert
Z
ZGietek_ING
Participating Frequently
January 28, 2019

agree - there are many versions of of the story of who uses what:

Browser Market Share Worldwide | StatCounter Global Stats

• Most popular internet browser versions 2018 | Statistic

and so on..

I appreciate the helpful info, however, I'm not looking to code anything. Its about ease of use- and adding those steps into our workflow just doesn't work, especially in today's market of rapid pace to market.

We happen to use frame.io which is an amazing video collaboration platform, however we are trying to reduce the number of steps in our workflow process to streamline our post-pro. Now theat we are actively using Adobe CC and exporting roughcast directly to one of CC's folders, it is very helpful to just "share" that link with stakeholders, as opposed to uploading to another platform, or wrapping a link inside HTML code>uploading page to server..

thanks though!

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
January 20, 2019

What exactly is your goal in uploading videos to Cloud Assets?    If you want people to watch your videos online, you really should upload them to a real web site like Adobe Spark, Portfolio or Behance.

Nancy O'Shea— Product User & Community Expert
B
Branding___DesignAuthor
Participant
January 21, 2019

Nancy,

Thank you for responding. We do not want to publish our videos publicly. We want to post them and send links to specific persons/organizations.

Though there may be other options to publish publicly as you mention, Adobe offers the sharing option using links to assets. Therefore, the original issue stands. We can access videos from windows and chrome on MacOS but not from Safari.

We appreciate any ideas to resolve that issue.

MC

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
January 21, 2019

Dont' expect Safari to behave like other browsers. 

Shared links to assets are mainly for  downloading and saving files.  Try right-click and save MP4 video to your device.  Then launch your device's media player to view the video.  Or use a different browser.

Nancy O'Shea— Product User & Community Expert
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices